CSS nabízí velké množství typů hodnot, které lze přiřazovat vlastnostem.

Celá a reálná čísla

CSS umožňuje definovat kladná i záporná čísla. Celá čísla obsahují jednu nebo více číslic 0 až9. Reálná čísla mohou být celým číslem, nulou, nebo mohou obsahovat desetinnou čárku následovanou jednou nebo více číslicemi.

p {line-height: 1.5}

Jednotky délky

slouží k definování vzdálenost, ať už ve vertikálním nebo horizontálním směru. Zapisují se hned za číslo určující množství jednotek. V takovém případě je jejich zápis nutný vždy s jednou výjimkou, a tou je hodnota 0. V takovém případě není třeba definovat jednotku délky.

Hodnota může být kladná, nebo záporná. Jednotky mohou být absolutní – přesná míra, nebo relativní – vztahují se k jiné velikosti.

Absolutní

• in – palec, 1 palec = 2,54 cm
• mm – milimetr
• cm – centimetr
• pt – typografický bod, 1 bod = 1/72 palce
• pc – pica, 1 pica = 12 bodů

Relativní

• em – šířka velkého písmene M, vztahuje se k použitému typu písma
• ex – výška malého písmene x, vztahuje se k použitému typu písma
• px – pixel, jednotka relativní k zobrazovacímu zařízení

h1 {margin: 0.4em; font-size: 19px;}

Procenta

Hodnota procenta je vždy relativní k nějaké jiné hodnotě – často zděděné od rodiče, podle aktuálního obsahového bloku. Pokud je hodnota procent definována vlastností kořenového elementu, výsledná hodnota vychází v výchozí hodnoty dané vlastnosti. Hodnota procent se vždy počítá od výsledné hodnoty dané vlastnosti definované u rodiče elementu.

body {font-size: 14px;}
p {font-size: 90%;}

V případě, že element p není vnořen do dalšího elementu, jenž by u stejné vlastnosti definoval taktéž hodnotu procent, bude výsledná velikost v případě elementu p odpovídat 90 % velikosti 14px, takže 12,6 px.

body {font-size: 14px;}
div.obal {font-size: 90%;}
p {font-size: 90%;}

V případě, že se element p nachází v elementu div označeném třídou obal, spočítá se její hodnota jako 90% ze 14px pro element div.obal a 12,6*90% =11, 34 px pro element p.