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.

Dernière modification le mardi 14 octobre 2008 à 17:40:30.

Précédent Classes et ID

Suivant Couleurs CSS

Meilleures réponses pour « Les unités dans les feuilles de style (CSS) » dans :

Feuilles de style - CSS Voir Présentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...

Modifier la feuille style CSS (Résolu) Voir

Récupérer le code d'une feuille de style css Voir

[CSS] Créer facilement des CSS VoirUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle. La version Lite est gratuite. http://www.topstyle4.com/

Héberger site avec feuille style css gratuit (Résolu) Voir

Appeler image arriere plan depuis style.css Voir

Lier une feuille de style Voir

Déclaration d'une feuille de style (CSS) VoirDéclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...

Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...

La syntaxe des style (CSS) VoirDéfinition d'un style La définition d'un style se fait à l'aide de règles en texte simple permettant de décrire l'aspect des éléments de la page. Une règle CSS est caractérisée par deux principaux éléments : Un sélecteur de balises, permettant de...