V CSS sa používajú rôznorodé dĺžkové jednotky, kým v HTML sú to jedine pixely (píše sa však len číselná hodnota bez „px“). Percentá možno použiť v obidvoch spomínaných jazykoch, no nie pri každej situácii.
Rozdeľujú sa na relatívne (vzťahujú sa na niečo) a absolútne.
| Relatívne | |
|---|---|
| em | výšky písmena M |
| ex | výšky písmena x |
| px | pixely |
| Absolútne | |
| in | palce, 1in = 2,54cm |
| cm | centimetre |
| mm | milimetre |
| pt | body, 1pt = 1/72in |
| pc | pica, 1pc = 12pt |
Medzi číslicami a jednotkou nesmie byť medzera. Desatinná čiarka sa píše ako bodka. Správne sú napríklad nasledujúce zápisy:
1em 2.5ex 22px 9mm
Vzťahujú sa väčšinou k šírke rodičovského elementu. Medzi číselnou hodnotou a znakom percenta nie je medzera.
10% 120% 16.5%