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
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| <dimension> | Chrome Support complet 1 | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet 5 | Opera Support complet Oui | Safari Support complet 1 | WebView Android Support complet ≤37 | Chrome Android Support complet 18 | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet 1 | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet