Vlastnosti
Vlastnosti se vkládají do složených závorek za selektor. Vlastnost od její hodoty se odděluje dvojtečkou. Hodnoty jsou anglické názvy.
selektor{vlastnost:hodnota}
Font (písmo)
Vlastnost | Hodnoty | Význam | Příklady |
font-family | seznam písem | Druh písma, font | font-family: Arial CE |
font-style | normal italic oblique |
normální kurzíva skloněné |
font-style: normal |
font-size | small medium large x-large |
malé střední velké obří |
font-size: 16px |
font-weight | normal bold bolder lighter |
normální tučné trochu tučnější trochu světlejší |
font-weight: bold |
Text/Odstavec
Vlastnost | Hodnoty | Význam | Příklady |
text-decoration | none underline overline |
bez dekorace podtržení nadtržení |
text-decoration: none |
text-align | left right center justify |
zarovnání vlevo vpravo na střed do bloku |
text-align: left |
display | block inline list-item none |
blokový element řádkový element seznam nezobrazí se |
display: block |
Barvy a pozadí
Vlastnost | Hodnoty | Význam | Příklady |
color | barva | barva písma | color: blue |
background-color | barva | barva pozadí | background-color: yellow |
background-image | url | obrázek na pozadí | background-image: url(pozadi5.gif) |
Velikost
Vlastnost | Hodnoty | Význam | Příklady |
width | auto šířka procento |
automatická šířka nastavená šířka procento |
width:100px |
height | auto výška procento |
automatická výška nastavená výška procento |
height:80% |
Okraje
Vlastnost | Hodnoty | Význam | Příklady |
margin | délka procento auto |
šířka vnějšího okraje procento automatický okraj |
margin:10px |
padding | délka procento |
šířka vnitřního okraje procento |
padding:30% |
Ohraničení
Vlastnost | Hodnoty | Význam | Příklady |
border-width | thin medium thick délka |
šířka rámečku slabá normální tlustá nastavená |
border-width:5px |
border-color | barva | barva rámečku | border-color:red |
border-style | none dotted dashed solid |
Druh rámečku žádný tečkovaný čárkovaný plný |
border-style:solid |
Odrážky a číslování
Vlastnost | Hodnoty | Význam | Příklady |
list-style-type | disc circle square decimal lower-roman lower-alpha upper-alpha none |
puntík kolečko čtvereček číslování římské číslice ábécéčkování ABCD bez odrážek |
list-style-type:none |