Les Unités de taille

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éTypeDescriptionExemple
ptpointabsolue1 point = 1/72 poucefont-size:12pt;
pcpicaabsolue1 pica = 12 pointsfont-size:1pc;
inincheabsolue1 pouce = 2.54 centimètresborder-width:0.1in;
mmmilimètreabsolue1/1000 du mètre étalonwidth:50mm;
cmcentimètreabsolue1/100 du mètre étalonwidth:2.54cm;
pxpixelabsolue/relativeDé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 sortieheight:120px;
ememrelativeHauteur de la police * unité du navigateurfont-size:1.2em;
exx-heightrelativeHauteur de la minuscule x de cet élémenttext-transform:uppercase;
font-size:1.3ex;
%pourcentagerelativeRelative à la taille de l'élément ou à la taille de l'élément parentfont-size:10pt;
line-height:120%;

Pour les valeurs décimales, il faut mettre un point et non pas une virgule.