Názov príkazu |
Čo robí |
align-content |
Špecifikuje zoravnanie čiar v objekte, ak nezaberajú celé miesto |
align-items |
Špecifikuje zarovanie vecí vo flexibilnom conatinery |
align-self |
špecifikuje zarovnacie jednej určenej veci v flexibilnom containery |
all |
Resetuje všetky vlastnosti |
animation |
Špecifikuje viacero vlastností animácie naraz |
animation-delay |
Špecifikuje oneskorenie začiatku animácie |
animation-duration |
Špecifikuje dĺžku jedného cycklu animácie |
animation-fill-mode |
Špecifikuje vlastnosti objektu, ak nie je práve animácia prehrávaná |
animation-iteration-count |
Špecifikuje koľkokrát má byť prehraná animácia |
animation-name |
Špecifikuje meno pre @keyframes animácie |
animation-play-state |
Špecifikuje, či je animácia zastavená alebo v pohybe |
animation-timing-function |
Špecifikuje rýchlosť animácie |
backface-visibility |
Špecifikuje, či má byť objekt otočený chrbtom k užívateľovi viditeľný alebo nie |
background |
Vlastnosť definujúca všetky vlastnosti pozadia v jednej |
background-attachment |
Nastavuje, či má obrázok byť stále na obrazovke alebo na svojom mieste teda, že po skorlovaní už nebude vidieť |
background-blend-mode |
Špecifikuje rozmazanie jednotlivých pozadí |
background-clip |
Špecifikuje ako ďaleko sa má pozadie rozšíriť |
background-color |
Špecifikuje farbu pozadia |
background-image/td>
| Špecifikuje obrázky ako pozadie |
background-origin |
Špecifikuje pôvodnú pozíciu pozadia |
background-position |
Špecifikuje pozíciu pozadia |
background-repeat |
Špecifikuje, či alebo ako má byť pozadie opakované |
background-size |
Špecifikuje veľkosť pozadiav |
border |
Špecifikuje viacero vlastností hraníc v jednej |
border-bottom |
Špecifikuje vlastnosti spodnej hranice v jednej |
border-bottom-color |
Špecifikuje farbu spodnej hranice |
border-bottom-left-radius |
Špecifikuje zaoblenie ľavej doľnej hranice |
border-bottom-right-radius |
Špecifikuje zaoblenie pravej doľnej hranice |
border-bottom-style |
Špecifikuje štýl dolnej hranice |
border-bottom-width |
Špecifikuje šírku dolnej hranice |
border-collapse |
Špecifikuje, či má mať tabuľka dve alebo jednu hranicu |
border-color |
Špecifikuje farbu hranice |
border-image |
Špecifikuje všetky vlastnosti obrázku v hranici v jednej |
border-image-outset |
Špecifikuje o koľko má byť rozšírený obrázok použitý na hranicu |
border-image-repeat |
Špecifikuje koľkokrát má byť obrázok opakovaný |
border-image-slice |
Špecifikuje koľkokrát sa má v hranici opakovať obrázok |
border-image-source |
Špecifikuje odkiaľ zdroj obrázku |
border-image-width |
Špecifikuje šírku obrázku v hranici |
border-left |
Špecifikuje vlastnosti ľavej hranice v jednej |
border-left-color |
Špecifikuje farbu ľavej hranice |
border-left-style |
Špecifikuje štýl ľavej hranice |
border-left-width |
Špecifikuje šírku ľavej hranice |
border-radius |
Špecifikuje zablenie hranice |
border-right |
Špecifikuje vlastnosti pravej hranice v jednej |
border-right-color |
Špecifikuje farbu pravej hranice |
border-right-style |
Špecifikuje štýl pravej hranice |
border-right-width |
Špecifikuje šírku pravej hranice |
border-spacing |
Špecifikuje vzdialenosť medzi jednotlivými vrstvami hraníc |
border-style |
Špecifikuje štýl hraníc |
border-top |
Špecifikuje vlastnosti hornej hranice v jednej |
border-top-color |
Špecifikuje farbu hornej hranice |
border-top-left-radius |
Špecifikuje zaoblenie ľavej hornej hranice |
border-top-right-radius |
Špecifikuje zaoblenie pravej hornej hranice |
border-top-style |
Špecifikuje štýl hornej hranice |
border-top-width |
Špecifikuje šírku hornej hranice |
border-width |
Špecifikuje šírku hranice |
bottom |
Nastaví pozíciu elementu, na spodok od rodičovského elementu |
box-decoration-break |
Špecifikuje výzor priestoru medzi boxami |
box-shadow |
Špecifikuje veľkosť tieňu boxu |
box-sizing |
špecifikuje veľkosť boxu |
break-after |
Špecifikuje správanie priestoru pred vygenerovaným boxe |
break-before |
Špecifikuje správanie priestoru po vygenerovanóm boxe |
break-inside |
Špecifikuje správanie priestoru vygenerovaného boxu |
caption-inside |
Definuje zoznam možností vo forme drop-down listu |
caret-color |
Definuje jednu z možností v drop-down liste |
@charset |
Definuje výstup |
clear |
Definuje paragraf |
clip |
Definuje parameter objektu |
color |
Definuje miesto pre viacero obrázkov |
column-count |
Definuje dopredu naštýlizovaný text |
column-fill |
Definuje priebeh úlohu |
column-gap |
Definuje krátku citáciu |
column-rule |
Definuje to čo majú prehliadače zobraziť ak nepodporujú ruby anotácie |
column-rule-color |
Definuje vysvetlenie výslovnosti daných písmen |
column-rule-style |
Definuje ruby komentár |
column-rule-width |
Definuje text, ktorý už nemá byť správny |
column-span |
Definuje komentár |
column-width |
Používa sa na písanie iného programovacieho jazyka do stránok |
columns |
Definuje sekciu v dokumente |
content |
Definuje drop-down zoznam |
counter-increment |
Definuje menší text |
counter-reset |
Definuje zdroj externých súborov |
cursor |
Používa sa na vymedzenie textu, ktorému chceme zmeniť vlastnosti |
direction |
Špecifikuje smer textu |
display |
Špecifikuje ako má byť daný HTML element zobrazený |
empty-cells |
Špecifikuje, či majú mať prázdne políčka v tabuľke vlastnosti alebo nie |
filter |
Definuje efekty na elemente predtým ako sa element zobrazí |
flex |
Špecifikuje dĺžku flexibilného predmetu, k ostatným flexibilným predmetom v rovnakom mieste |
flex-basis |
Špecifikuje počiatočnú dĺžku flexibilného predmetu |
flex-direction |
Sépcifikuje smer flexibilného predmetu |
flex-flow |
Nastavuje vlastnosti flex-direction a flex-wrap v jednej deklarácii |
flex-grow |
Špecifikuje ako bude predmet "rásť" relatívne k zvyšku |
flex-shrink |
Špecifikuje ako sa predmet scvrkne relatívne k ostatným |
float |
Špecifikuje, či má alebo nemá byť box zarovnaný |
font |
Nastavuje všetky vlastnosti fontu v jednej deklarácii |
@font-face |
Pravidlo, ktoré dovoľuje stránkam stiahnuť a použiť externé fonty |
font-family |
Špecifikuje názov fontu textu |
font-kerning |
špecifikuje veľkosť medzier medzi písmenami |
font-size |
Špecifikuje velkosť textu |
font-size-adjust |
Po zadaní nejakého textu sa budú slová v danom texte na konci každého riadku rozdeľovať |
font-style |
Špecifikuje štýl fontu v akom má byť zobraznený |
font-variant |
Špecifikuje, či má byť text-zobrazený v "small-caps" (text sa dá na veľké písmená, ale jeho veľkosť sa zmenší) |
font-weight |
Špecifikuje hrúbku fontu |
grid |
Súhrnná vlastnosť pre všetky grid-vlastnosti |
grid-area |
Špecifikuje kam zaradiť predmet |
grid-auto-columns |
Špecifikuje veľkosť základného stĺpca |
grid-auto-flow |
Špecifikuje ako sú samo umiestňovacie predmety vložené do gridu |
grid-auto-rows |
Špecifikuje veľkosť základného riadku |
grid-column |
Súhrnná vlastnosť pre vlastnosti grid-column-start a grid-column-end |
grid-column-end |
Špecifikuje, kde ukončiť grid item |
grid-column-gap |
Špecifikuje velkosť priestoru medzi stĺpcami |
grid-column-start |
Špecifikuje, kde začať grid item |
grid-gap |
Súhrnná vlastnosť pre vlastnosti grid-column-gap a grid-row-gap |
grid-row |
Súhrnná vlastnosť pre vlastnosti grid-row-start a grid-row-end |
grid-row-end |
Špecifikuje, kde ukončiť grid item |
grid-row-gap |
Špecifikuje velkosť priestoru medzi riadkami |
grid-row-start |
Špecifikuje, kde začať grid item |
grid-template |
Súhrnná vlastnosť pre vlastnosti grid-row-start a grid-row-end |
grid-template-areas |
Špecifikuje ako zobraziť grid layout pomocou pomevaní predmetov |
grid-template-columns |
Špecifikuje aké veľké majú byť stĺpce, ako koľko ich má byť |
grid-template-rows |
Špecifikuje aké veľké majú byť riadky, ako koľko ich má byť |
hanging-punctuation |
Špecifikuje, či môžu byť interpunkčné znamienka mimo riadku |
height |
Špecifikuje výšku elementu |
hyphens |
Nastavuje ako rozdeliť slová na vylepšenie layoutu paragrafov |
image-rendering |
Dáva informácie prehliadaču, ktoré aspekty obrázku má zachovať po zmenení veľkosti |
image-resolution |
Špecifikuje rozlíšenie rasterových obrázkov |
justify-content |
Špecifikuje koľkokrát sa má v hranici opakovať obrázok |
@keyframes |
Špecifikuje odkiaľ zdroj obrázku |
left |
Špecifikuje vzdialenosť obrázku od ľavej strany displeja |
letter-spacing |
Zväčší alebo zmenší priesor medzi písmenami |
line-break |
Špecifikuje čí/ako spraviť pauzu medzi riadkami |
line-height |
Špecifikuje výšku riadkov |
list-style |
Špecifikuje všetky vlastnosti listu v jednej deklarácii |
list-style-image |
Špecifikuje obrázok ako odrážku |
list-style-position |
Špecifikuje umiestnenie odrážky |
list-style-type |
Špecifikuje typ odrážky |
margin |
Špecifikuje všetky margin-vlastnosti v jednej |
margin-bottom |
Špecifikuje dolný margin elementu |
margin-left |
Špecifikuje ľavý margin elementu |
margin-right |
Špecifikuje pravý margin elementu |
margin-top |
Špecifikuje horný margin elementu |
max-height |
Špecifikuje maximálnu výšku elementu |
max-width |
Špecifikuje maximálnu šírku elementu |
min-height |
Špecifikuje minimálnu výšku elementu |
min-width |
Špecifikuje minimálnu šírku elementu |
object-fit |
Špecifikuje ako majú byť obrázky alebo videá zmenenú veľkosť aby sa zmestili do ich containeru |
object-position |
Špecifikuje zarovnanie nahraďujúceho elementu v jeho boxe |
opacity |
Špecifikuje prihľadnosť elementu |
order |
Špecifikuje poradie flexibilných predmetov relatívne k ostatným |
orphans |
Špecifikuje koľko riadokv musí byť vynechaných, keď nastane "page-break" |
outline |
Špecifikuje všetky outline-vlastnosti v jednej deklarácii |
outline-color |
Špecifikuje farbu outlinu |
outline-offset |
Offsetne outline, a nakraslího za kraj hranice |
outline-style |
Špecifikuje štýl hranice |
outline-width |
Špecifikuje šírku hranice |
overflow |
Sěpcifikuje, čo sa stane, keď sa predmet nezmestí do svojho určeného miesta |
overflow-wrap |
Špecifikuje, či môže prehliadač spraviť line-break aby predošiel overflowu |
overflow-x |
Špecifikuje, čo spraviť s ľavou alebo pravou hranou obsahu, keď sa už nezmestí do svojho určeného priestora |
overflow-y |
Špecifikuje, čo spraviť s hornou alebo dolnou hranou obsahu, keď sa už nezmestí do svojho určeného priestora |
padding |
Deklaruje všetky padding vlastnosti v jednej |
padding-bottom |
Špecifikuje dolný padding elementu |
padding-left |
Špecifikuje ľavý padding elementu |
padding-right |
Špecifikuje pravý padding elementu |
padding-top |
Špecifikuje horný padding elementu |
perspective |
Špecifikuje perspektívu, z ktorej sú 3D predmety videné |
perspective-origin |
špecifikuje spodnú pozíciu 3D elementu |
position |
Špecifikuje typ pozície pre element |
quotes |
Nastavuje úvodzovky |
resize |
špecifikuje, či može užívateľ vrátiť na pôvodnú veľkosť |
right |
Nastavuje pozíciu napravo od rodičovského elementu |
tab-size |
Špecifikuje dĺžku tabulátoru |
table-layout |
Špecifikuje layout algoritmus tabuliek |
text-align |
Špecifikuje horizonzálne zarovnanie textu |
text-combine-upright |
Špecifikuje kombináciu niekoľkých písmen do veľkosti jedného |
text-decoration |
Špecifikuje dekoráciu, ktorá má byť pridaná k textu |
text-decoration-color |
Špecifikuje farbu dekorácie, ktorá má byť pridaná k textu |
text-decoration-line |
Špecifikuje typ čiary v dekorácii textu |
text-decoration-style |
Špecifikuje štýl dekorácie |
text-indent |
Špecifikuju veľkosť prázdneho políčka pred prvým riadkom textu |
text-justify |
Špecifikuje použitie zarovnávacej metódy, keď je použitá vlastnosť text-align |
text-orientation |
Špecifikuje orientáciu daného riadku textu |
text-overflow |
špecifikuje čo sa má stať, keď sa text nezmestí do svojho určeného priestoru |
text-shadow |
Pridáva textu tieň |
text-transform |
Upravuje veľkosť písma (malé, veľké alebo prvé písmeno v každom slove je veľké) |
text-underline-position |
Špecifikuje pozíciu podčiarknutia |
top |
Špecifikuje vzdialenosť od vrchu polohovateľného elementu |
transform |
Aplikuje 2D alebo 3D transformáciu elementu |
transform-origin |
Dovoľuje zmeniť pozíciu už transformovaného predmetu |
transform-style |
Udáva ako sú vnorené elementy pod 3D transformácii zachované |
transition |
Skrátená vlastnosť na určenie 4 vlastností prechodu |
transition-delay |
Špecifikuje kedy prechod začína |
transition-duration |
Špecifikuje dĺžku prechodu |
transition-property |
Špecifikuje vlastnosť, ktorej sa prechod týka |
transition-timing-function |
špecifikuje rýchlostnú krivku prechodu |
user-select |
Špecifikuje, či môže byť text vybraný |
vertical-align |
Nastavuje vertikálne zarovnanie elementu |
visibility |
Špecifikuje, čí je element viditeľný alebo nie |
white-space |
Špecifikuje koľko prázdneho miesta má byť v elemente |
widows |
Špecifikuje koľko riadkov má urobiť príkaz <br> |
width |
Špecifikuje šírku elementu |
word-break |
Špecifikuje ako sa majú Čínske, Japonské a Korejské slová rozdeľovať na konci riadku |
word-spacing |
Mení medzeru medzi slovami |
word-wrap |
Ďovoľuje delenie dlhých slov na konci riadku |
writing-mode |
|
z-index |
Nastavuje vrstvenie elementov |