Résumé
Le type de donnée CSS <time> indique des dimensions de temps exprimées en secondes ou en millisecondes. Elles consistent en un <number> immédiatement suivi par une unité. Comme pour toute dimension CSS, il n'y a aucun espace entre l'unité et le nombre.
Les unités suivantes peuvent être utilisées :
squi représente le temps en secondes. Par exemple :0s,1.5s,-60s.msqui représente le temps en millisecondes. Par exemple :0ms,1500ms,-6000ms.
La conversion entre s et ms suit la logique suivante : 1s = 1000ms.
Même si toutes les unités représentent le même temps pour la valeur 0, l'unité ne doit pas être omises, car il ne s'agit pas d'une <longueur> : 0 n'est pas valide et ne représente pas 0s, 0ms.
Exemples
Voici des valeurs de temps valides :
12s Nombre entier positif -456ms Nombre entier négatif 4.3ms Nombre décimal 14mS L'unité n'est pas sensible à la casse, cependant les majuscules sont déconseillées pour s et ms. +0s Zero, précédé d'un + et suivi de son unité. -0ms Zero, précédé d'un - et suivi de son unité (bien qu'étrange, ceci est autorisé).
Voici des valeurs de temps non valides :
0 Bien qu'un zéro sans unité soit autorisé pour les longueurs, ceci n'est pas valide avec les autres dimensions. 12.0 Il s'agit d'un nombre, pas d'un temps, l'unité est obligatoire. 7 ms Aucun espace n'est autorisé entre le nombre et l'unité.
Spécifications
| Spécification | Statut | Commentaire |
|---|---|---|
| CSS Values and Units Module Level 3 | Candidate Recommendation | Défini de manière normative s et ms |
| CSS Level 2 (Revision 1) | Recommendation | Défini de manière informelle s et ms |
Compatibilité des navigateurs
| Fonction | Chrome (Webkit) | Firefox (Gecko) | Internet Explorer | Opera (Presto) | Safari (Webkit) |
|---|---|---|---|---|---|
| Support de base | <=11 (?) | 4.0 (2.0) | 9.0 | 10.5 (2.3) | <=3.2 (?) |
| Fonction | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support de base | ? | ? | ? | Pas de support | ? |
Voir aussi
- Types de données CSS :
<angle>,<blend-mode>,<color>,<frequency>,<gradient>,<image>,<length>,<number>,<percentage>,<position>,<ratio>,<resolution>,<shape>,<string>,<time>,<timing-function>,<uri>,<user-ident>