[go: up one dir, main page]

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