Le type de donnée CSS <number> permet de représenter des nombres entiers ou décimaux. C'est donc un type qui englobe le type de données <integer> (permettant de représenter des entiers). Pour représenter des nombres décimaux, on utilisera le point (.) comme séparateur. Comme pour <integer>, il n'y a aucune unité associée aux valeurs de type <number> (ce n'est donc pas une dimension).
Interpolation
Les valeurs de type <number> peuvent être interpolées afin d'être utilisées dans les animations. Les valeurs de ce type seront interpolées comme des nombres réels à virgule flottante. La vitesse de l'interpolation sera définie grâce à la fonction de temporisation associée à l'animation.
Exemples
Voici des exemples de valeurs <number> valides :
12 Un entier (<integer>) est également un <number> 4.01 Un nombre (décimal) positif -456.8 Un nombre décimal négatif 0.0 Zéro +0.0 Zéro, avec un + -0.0 Zero, avec un - .60 Les chiffres avant le point sont facultatifs 10e3 On peut utiliser la notation scientifique -3.4e-2 Un cas d'utilisation de notation scientifique plus complexe
Voici des exemples de valeurs invalides :
12. Le point doit être suivi par des chiffres +-12.2 Seul un +/- est autorisé. 12.1.1 Seul un point est autorisé.
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Values and Units Module Level 3 La définition de '<number>' dans cette spécification. |
Candidat au statut de recommandation | Aucune modification significative depuis la spécification CSS de niveau 2 (première révision). |
| CSS Level 2 (Revision 1) La définition de '<number>' dans cette spécification. |
Recommendation | Définition explicite du type de données. |
| CSS Level 1 La définition de '<number>' dans cette spécification. |
Recommendation | Définition implicite du type de données. |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Support simple | 1.0 | 1.0 (1.0) | 5.0 | (Oui) | 1.0 (85) |
| Notation scientifique | 43.0 | 29 | 11 | ? | ? |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
| Notation scientifique | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |