<number>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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 :

css
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 :

css
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

Voir aussi