Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

<number>

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

Le type de données CSS <number> représente un nombre, qu'il s'agisse d'un entier, d'un nombre avec une partie fractionnaire ou d'un exposant en base dix en notation scientifique.

Syntaxe

La syntaxe de <number> étend celle de <integer>. Une valeur fractionnaire est représentée par un . suivi d'un ou plusieurs chiffres décimaux, et peut être ajoutée à un entier. Un <number> peut aussi se terminer par la lettre e ou E suivie d'un entier, ce qui indique un exposant en base dix en notation scientifique. Aucun nombre n'est associé à une unité.

Comme pour les entiers, le premier caractère du nombre peut être immédiatement précédé d'un signe - ou + pour indiquer la positivité ou la négativité du nombre.

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

Nombres 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

Nombres 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

Voir aussi