Il existe différentes unités de tailles en CSS. Certaines unités sont fixes (=absolues) et d'autres s'adaptent (=relative) au navigateur du client ou en fonction de l'élément parent. Voici les différentes unités utilisables en CSS :
| Unité | Type | Description | Exemple |
|---|
pt | point | absolue | 1 point = 1/72 pouce | font-size:12pt; |
pc | pica | absolue | 1 pica = 12 points | font-size:1pc; |
in | inche | absolue | 1 pouce = 2.54 centimètres | border-width:0.1in; |
mm | milimètre | absolue | 1/1000 du mètre étalon | width:50mm; |
cm | centimètre | absolue | 1/100 du mètre étalon | width:2.54cm; |
px | pixel | absolue/relative | Dépend de la densité en pixels du mode de sortie : relative d'un mode de sortie à l'autre, absolue par rapport à un seul et unique mode de sortie | height:120px; |
em | em | relative | Hauteur de la police * unité du navigateur | font-size:1.2em; |
ex | x-height | relative | Hauteur de la minuscule x de cet élément | text-transform:uppercase;
font-size:1.3ex; |
% | pourcentage | relative | Relative à la taille de l'élément ou à la taille de l'élément parent | font-size:10pt;
line-height:120%; |
 | Pour les valeurs décimales, il faut mettre un point et non pas une virgule. | |
