nombre

Résumé

Le type de donnée CSS <number> indique un nombre, qu'il soit entier ou décimal. Sa syntaxe étend celle du type de donnée <integer>. Pour réprésenter la valeur décimale, ajoutez à une valeur de type <integer>, un '.' (point), suivi de plusieurs chiffres. Comme pour le type de donnée <integer>, il n'y a aucune unité associée à <number>, car il ne s'agit pas d'une dimension CSS.

Interpolation

Les valeurs du type <number> peuvent être interpolées de manière à rendre les animations possibles. Dans ce cas, elles sont interpolées comme des nombres réels, en virgule flottante. La rapidité de l'interpolation est déterminée par la fonction de temporisation associée à l'animation.

Exemples

Ces valeurs sont des nombres valides :

12          Un <integer> est aussi un <number>
4.01        <number> positif non-entier
-456.8      <number> négatif non-entier
0.0         Zéro
+0.0        Zéro, avec un + à l'avant
-0.0        Zéro, avec un - à l'avant (Bien qu'étrange, cette valeur est autorisée)
.60         Les chiffres sont facultatifs avant le point
10e3        La notation scientifique avec 'e' est autorisée depuis Firefox 29.

Ces valeurs sont des nombres non-valides :

12.         Le point doit être suivi par un nombre
+---12.2    Un seul +/- à l'avant est accepté
12.1.1      Un seul point est accepté

Spécifications

Spécification Statut Commentaires
CSS Values and Units Module Level 3
La définition de '<number>' dans cette spécification.
Candidat au statut de recommandation Aucun changement significatif depuis CSS Level 2 (Revision 1)
CSS Level 2 (Revision 1)
La définition de '<number>' dans cette spécification.
Recommendation Défini explicitement
CSS Level 1
La définition de '<number>' dans cette spécification.
Recommendation Défini implicitement

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support basique 1.0 1.0 (1.0) <=5.0 yes 1.0 (85)
Notation scientifique ? 29 ? ? ?
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support basique yes yes yes yes yes

Voir également

Étiquettes et contributeurs liés au document

Dernière mise à jour par : FredB,