CSS - Les unités

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.

Trucs & astuces pertinents trouvés dans la base de connaissances

13/12 16h46	Définir une hauteur verticale et relative à un élément (Webmaster)
25/07 12h59	Outil! (CSS)
Plus d'astuces sur « CSS »

Discussions pertinentes trouvées dans le forum

03/08 10h17	css : taille de la page ?	Webmastering	19/08 09h56->bg62	29
18/11 14h25	CSS ..... HELP ! ! ! !	Webmastering	18/11 16h30->Erdnax	22
27/06 09h15	css et html : problèmes de codes 2 ! sos	Webmastering	30/06 10h07->bg62	19
22/07 16h33	une css pour tout un site en une seule fois ?	Webmastering	03/08 10h06->bg62	16
28/09 16h07	[css]comment l'installer?	Jeux vidéos	23/10 14h31->pepergignn	14
01/01 15h47	les CSS !!! IE!=FireFox	Webmastering	03/01 14h00->Gihef	14
14/06 16h19	[html/php ou CSS]taille d'image	Webmastering	14/06 17h00->nauno	12
11/10 15h09	[Html&Css]site flexible.	Webmastering	17/10 21h59->Ssylvainsab	11
07/09 14h14	[CSS] Aligner image en bas a droite	Webmastering	08/09 16h10->StreM	10
12/09 12h38	[HTML/CSS] IE et Iframe	Webmastering	12/09 17h43->GallyNet	10
Discussion fermée Problème résolu		Plus de discussions sur « CSS »