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) |