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%