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.

Réalisé sous la direction de , fondateur de CommentCaMarche.net.

Ce document intitulé «  Les unités dans les feuilles de style (CSS)  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.