Seznam CSS vlastností
CSS vlastnosti pro písmo:
CSS vlastnost | CSS hodnota | Význam | Příklad |
font-family | Arial | Nastav font písma na Arial. | font-family: Arial; |
font-size | 15px | Nastav velikost fontu na 15 pixelů. | font-size: 15px; |
font-style | normal | italic | Nastav styl písma: normální | kurzíva | font-style: italic; |
font-weight | normal | bold | Nastav tloušťku písma: normální | tučné | font-weight: bold; |
text-align | left | right | center | justify | Zarovnání textu: vlevo | vpravo | na střed | do bloku | text-align: left; |
text-transform | none | capitalize | uppercase | lowercase | Transformování textu: žádné | kapitálky | velká písmena | malá písmena | text-transform: uppercase; |
text-decoration | none | underline | overline | line-through | Zarovnání textu: žádné | čára pod textem | čára nad textem | přeškrtnutí | text-decoration: line-through; |
CSS vlastnosti pro barvy:
CSS vlastnost | CSS hodnota | Význam | Příklad |
color | black | Nastav černou barvu. | color: black; |
background-color | blue | Nastav modré pozadí. | background-color: blue; |
border-color | red | Nastav červený rámeček. | border-color: red; |
CSS vlastnosti pro boxy = např. značka div (oddíl na stránce), značka p (odstavec s textem)
CSS vlastnost | CSS hodnota | Význam | Příklad |
width | 100px nebo 100% | Nastav šířku boxu na 100 pixelů (nebo na 100%). | width: 100px; nebo width: 100%; |
height | 50px nebo 50% | Nastav výšku boxu na 50 pixelů (nebo na 50%). | height: 50px; nebo height: 50%; |
margin | 10px | Nastav vnější okraj na 10 pixelů. | margin: 10px; |
padding | 5px | Nastav vnitřní okraj na 5 pixelů. | padding: 5px; |
border | 5px solid red | Nastav rámeček na 5px široký, plnou čarou a červenou barvou. | border: 5px solid red; |
display | block | inline | Zobrazení: blokové | řádkové | display: block; |
float | left | right | Obtékání: zleva | zprava | float: left; |