Les unités dans les feuilles de style (CSS)
Les unités
Grâce aux feuilles de style il est possible de définir des valeurs numériques pour les propriétés de style de plusieurs façons :
- de façon absolue, c'est-à-dire dans une unité indépendante du format de sortie (en centimètres par exemple) ;
- de façon relative, c'est-à-dire dans une unité relative à un élément ;
Les valeurs des feuilles de style sont soit des nombres entiers, soit des nombres réels, c'est-à-dire des chiffres ayant une partie entière et une partie décimale.
D'une manière générale il est à noter l'utilisation du point (« . ») dans les notations décimales en lieu et place de la virgule (« 8.5 cm« et non « 8,5 cm« ).
Les valeurs peuvent par ailleurs dans certains cas être négatives (précédées du signe « - »). Certaines propriétés peuvent néanmoins accepter un intervalle restreint de valeurs.
Unités absolues
Les unités absolues proposées par le standard CSS sont récapitulées dans le tableau suivant :
unité | description |
---|---|
cm | Le centimètre |
in | Le pouce (en anglais « inch ») correspondant à 2,54 cm |
mm | Le millimètre |
pt | Le point |
pc | Le pica (correspondant à 12 pt) |
Unités relatives
Les unités relatives proposées par le standard CSS sont récapitulées dans le tableau suivant :
unité | description |
---|---|
em | Unité relative à la taille de police de l'élément sélectionné. Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la taille de la police de l'élément parent. |
ex | Unité relative à la hauteur de la minuscule de l'élément sélectionné. Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la hauteur de la minuscule de l'élément parent. |
px | Le pixel. Il s'agit d'une unité dont le rendu dépend de la résolution du périphérique d'affichage. |
% | Le pourcentage est une unité relative à la taille de l'élément ou de son parent. |