Bannière
Bannière
Menu
 
Lundi 7 avril 2025
Visiteurs : 13899
 
 
 

Valid XHTML 1.0 TransitionalValid CSS!

[Valid RSS]

 

 Le CSS
Génie du Web

Les unités utilisées

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.
HAUT | © Jérémy Laurent, 2006