<number>
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).
Syntaxe
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
Specification |
---|
CSS Values and Units Module Level 4 # numbers |
Compatibilité des navigateurs
BCD tables only load in the browser