
Grâce aux feuilles de style il est possible de définir des valeurs numériques pour les propriétés de style de deux 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.
Attention : le CSS étant défini en anglais, les valeurs réelles sont notées avec un point (.) et non une virgule.
Exemple :
margin-right: 0.5em;
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.
Les valeurs absolues |
Unités |
Description |
mm |
Le milimètre |
cm |
Le centimètre |
in |
Le pouce (inch en anglais) : 2,54cm |
pt |
Le point |
pc |
Le pica : 12 points |
Les valeurs relatives |
Unités |
Description |
em |
Unité relative à la taille de police de l'élément sélectionné sauf quand la propriété "font-size" est définie. Dans ce cas, 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é sauf quand la propriété "font-size" est définie. Dans ce cas, elle se rapporte à la hauteur de la minuscule de l'élément parent. |
px |
Le pixel. Son rendu dépend de la résolution de l'écran. |
% |
Le pourcentage. Il est relative à la taille de l'élément parent. |
|