Le type de donnée <dimension> représente une valeur de type <number> directement suivie d'une unité : par exemple 10px.

CSS utilise des dimensions pour définir des distances (type <length>), des durées (type <time>), des fréquences (type <frequency>), des résolutions (type <resolution>) ainsi que d'autres quantités.

Syntaxe

La syntaxe d'une valeur de type <dimension> est un nombre (valeur de type <number>) immédiatement suivi d'une unité représentée par son identifiant. Les identifiants utilisés pour les unités sont insensibles à la casse.

Exemples

Dimensions valides

12px      12 pixels
1rem      1 rem
1.2pt     1.2 points
2200ms    2200 millisecondes
200hz     200 Hertz
200Hz     200 Hertz (les unités sont insensibles à la casse)

Dimensions invalides

12 px       L'unité doit immédiatement être indiquée après le nombre
12"px"      Les unités sont des identifiants et ne doivent pas être entourées de quotes

Spécifications

Spécification État Commentaires
CSS Values and Units Module Level 4
La définition de '<dimension>' dans cette spécification.
Brouillon de l'éditeur Adds cap, ic, lh, rlh, vi, vb
CSS Values and Units Module Level 3
La définition de '<dimension>' dans cette spécification.
Candidat au statut de recommandation Adds ch, rem, vw, vw, vmin, vmax, Q
CSS Level 2 (Revision 1)
La définition de '<dimension>' dans cette spécification.
Recommendation Defined under Numbers and Length
CSS Level 1
La définition de '<dimension>' dans cette spécification.
Recommendation Initial definition under "length units"

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
<dimension>Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 5Opera Support complet OuiSafari Support complet 1WebView Android Support complet OuiChrome Android Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, mdnwebdocs-bot
Dernière mise à jour par : SphinxKnight,