Comment Ca Marche l'informatique ?
 
 Comment Ça Marche - Articles - CSS - Les unités
 Accueil
 Forums
 Astuces
 Guide d'achat
 
   
 
 
Livres Comment ça marche?
Tout sur le hardware PC
Tout sur la sécurité
Tout sur le webmastering
Présentation des trois premiers ouvrages de la collection CommentCaMarche.net
Page d'accueil
Ajouter aux favoris
Contribuer à cet article
Ecrire à Jean-Francois Pillou
Feuilles de style en cascade (CSS)
Les feuilles de style
Syntaxe des styles
Implantation des CSS
Classes et ID
Unités
Couleurs
Boîtes et bordures
Positionnement d'éléments
La liste des propriétés
Version 2.0.6
 
CSS - Les unités Page précédente Page suivante Retour à la page d'accueil

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.


Page suivante


  Ce document intitulé « CSS - Les unités » issu de Comment Ça Marche 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.