Le type de donnée CSS <integer>
permet de représenter des nombres entiers positifs ou négatifs. Aucune unité n'est liée à la valeur. Un entier se compose d'un ou de plusieurs chiffres, de 0 à 9, éventuellement précédés par un seul signe + ou -.
Les entiers sont utilisés dans de nombreuses propriétés CSS comme z-index
, line-height
, counter-increment
, column-count
.
Toutes les valeurs de type <integer>
sont également des valeurs de type <number>
, bien que l'inverse ne soit pas vrai.
<entier>
valides. Opera supporte des valeurs jusqu'à 215-1, IE jusqu'à 220-1 et d'autres navigateurs des valeurs encore plus hautes. Durant le cycle CSS3 Values, il y a eu de nombreuses discussions pour définir une valeur minimale à supporter : la dernière décision, en date d'avril 2012 pendant la phase LC, était [-227-1; 227-1] # mais d'autres valeurs comme 224-1 et 230-1 ont aussi été proposées # #. Le dernier brouillon ne fait plus apparaître de limite.Interpolation
Les valeurs du type <entier>
peuvent être interpolées de manière à rendre les animations possibles. Dans ce cas l'interpolation se fait par incrémentation discrète. Le calcul est réalisé comme si les valeurs étaient des nombres réels, en virgule flottante et la valeur discrète est obtenue en utilisant la fonction partie entière. La rapidité de l'interpolation est déterminée par la fonction de temporisation
associée à l'animation.
Exemples
Ces valeurs sont des entiers valides :
12 Entier positif (sans le signe + à l'avant) +123 Entier positif (avec le signe + à l'avant) -456 Entier négatif 0 Zéro +0 Zéro, avec un signe + à l'avant -0 Zéro, avec un signe - à l'avant (bien qu'étrange, cette valeur est acceptée)
Ces valeurs sont des entiers non valides :
12.0 Ceci est un <number>
, pas un <entier>, bien qu'il représente un entier
12. Le point ne peut pas faire partie d'un <entier>
+---12 Un seul +/- à l'avant est accepté
ten Les lettres ne sont pas acceptées
_5 Les caractères spéciaux ne sont pas acceptés
\35 Les caractères Unicode échappés ne sont pas acceptés, même s'ils sont un entier (ici : 5)
\4E94 Les chiffres non-arabes ne sont pas acceptés, même échappés (ici : le 5 japonais, 五)
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Values and Units Module Level 3 La définition de '<integer>' dans cette spécification. |
Candidat au statut de recommandation | Aucune modification depuis la spécification CSS de niveau 2 (première révision) |
CSS Level 2 (Revision 1) La définition de '<integer>' dans cette spécification. |
Recommendation | Définition implicite. |
CSS Level 1 La définition de '<integer>' dans cette spécification. |
Recommendation | Définition implicite. |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | 1.0 | 1.0 (1.7 ou moins) | 3.0 | (Oui) | 1.0 (85) |
Fonctionnalité | Android | Chrome pour Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |