<time>

Le type de donnée <time> indique des durées exprimées en secondes ou en millisecondes. Il est par exemple utilisé dans les propriétés animation, transition.

Syntaxe

Une valeur temporelle consiste en une valeur de type <number> immédiatement suivie d'une unité. Comme avec les autres unités CSS, il n'y a pas d'espace entre l'unité et le nombre. La valeur peut éventuellement être précédée d'un signe + ou -.

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 <length> : 0 n'est pas valide et ne représente pas 0s, 0ms.

Unités

s
Cette unité permet d'exprimer le temps en secondes. Par exemple : 0s, 1.5s, -60s.
ms
Cette unité permet d'exprimer le temps en millisecondes. Par exemple : 0ms, 1500ms, -6000ms.

La conversion entre s et ms suit la logique suivante : 1s = 1000ms.

Exemples

Valeurs 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é).

Valeurs invalides

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 État Commentaires
CSS Values and Units Module Level 4
La définition de '<time>' dans cette spécification.
Brouillon de l'éditeur  
CSS Values and Units Module Level 3
La définition de '<time>' dans cette spécification.
Candidat au statut de recommandation Définition normative de s et ms
CSS Level 2 (Revision 1)
La définition de '<time>' dans cette spécification.
Recommendation Définition informelle de s et ms

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
<time>Chrome Support complet 1Edge Support complet 12Firefox Support complet 4IE Support complet 9Opera Support complet 10.1Safari Support complet 3.1WebView Android Support complet 2Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 2Samsung Internet Android Support complet 1.0

Légende

Support complet  
Support complet