Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 1044314 of <time>

  • Raccourci de la révision : Web/CSS/time
  • Titre de la révision : <time>
  • ID de la révision : 1044314
  • Créé :
  • Créateur : Prinz_Rana
  • Version actuelle ? Non
  • Commentaire Replaced {{xref_csslength}} macro by {{cssxref("<length>")}} (bug 1242935).
Étiquettes : 

Contenu de la révision

{{ CSSRef() }}

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 {{ Xref_cssnumber() }} 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 :

  • s qui représente le temps en secondes. Par exemple : 0s, 1.5s, -60s.
  • ms qui 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 {{ cssxref("<length>")() }} : 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
{{ SpecName('CSS3 Values','#time','<time>') }} {{ Spec2('CSS3 Values') }} Défini de manière normative s et ms
{{ SpecName('CSS2.1','aural.html#times','<time>') }} {{ Spec2('CSS2.1') }} Défini de manière informelle s et ms

Compatibilité des navigateurs

{{ CompatibilityTable() }}

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 {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatNo() }} {{ CompatUnknown() }}

Source de la révision

<p>{{ CSSRef() }}</p>

<h2 id="Résumé">Résumé</h2>

<p>Le type de donnée <a href="/fr/docs/Web/CSS" title="CSS">CSS</a> <code>&lt;time&gt;</code> indique des dimensions de temps exprimées en secondes ou en millisecondes. Elles consistent en un {{ Xref_cssnumber() }} immédiatement suivi par une unité. Comme pour toute dimension CSS, il n'y a aucun espace entre l'unité et le nombre.</p>

<p>Les unités suivantes peuvent être utilisées :</p>

<ul>
 <li><code><a id="s">s</a></code> qui représente le temps en secondes. Par exemple : <code>0s</code>, <code>1.5s</code>, <code>-60s</code>.</li>
 <li><code><a id="ms">ms</a></code> qui représente le temps en millisecondes. Par exemple : <code>0ms</code>, <code>1500ms</code>, <code>-6000ms</code>.</li>
</ul>

<p>La conversion entre <code>s</code> et <code>ms</code> suit la logique suivante : <code>1s = 1000ms</code>.</p>

<p>Même si toutes les unités représentent le même temps pour la valeur <code>0</code>, l'unité ne doit pas être omises, car il ne s'agit pas d'une {{ cssxref("&lt;length&gt;")() }}&nbsp;: <code>0</code> n'est pas valide et ne représente pas <code>0s</code>, <code>0ms</code>.</p>

<h2 id="Exemples">Exemples</h2>

<p>Voici des valeurs de temps valides :</p>

<pre>
12s&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Nombre entier positif
-456ms&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Nombre entier négatif
4.3ms       Nombre décimal
14mS&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; L'unité n'est pas sensible à la casse, cependant les majuscules sont déconseillées pour s et ms.
+0s&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 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é).
</pre>

<p>Voici des valeurs de temps non valides :</p>

<pre>
0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Bien qu'un zéro sans unité soit autorisé pour les longueurs, ceci n'est pas valide avec les autres dimensions.
12.0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 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é.
</pre>

<h2 id="Spécifications">Spécifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spécification</th>
   <th scope="col">Statut</th>
   <th scope="col">Commentaire</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('CSS3 Values','#time','&lt;time&gt;') }}</td>
   <td>{{ Spec2('CSS3 Values') }}</td>
   <td>Défini de manière normative <code>s</code> et <code>ms</code></td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS2.1','aural.html#times','&lt;time&gt;') }}</td>
   <td>{{ Spec2('CSS2.1') }}</td>
   <td>Défini de manière informelle <code>s</code> et <code>ms</code></td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Fonction</th>
   <th>Chrome (Webkit)</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera (Presto)</th>
   <th>Safari (Webkit)</th>
  </tr>
  <tr>
   <td>Support de base</td>
   <td>&lt;=11 (?)</td>
   <td>4.0 (2.0)</td>
   <td>9.0</td>
   <td>10.5 (2.3)</td>
   <td>&lt;=3.2 (?)</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Fonction</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Support de base</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatNo() }}</td>
   <td>{{ CompatUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>
Revenir à cette révision