Revision 622795 of <time>

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>Le type de donnée <a href="/fr/docs/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 {{ xref_csslength() }}&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.C3.A9cifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr style="background-color: rgb(255, 204, 255);">
      <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.C3.A9_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>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
  <li>Types de données CSS : {{ CSSDataTypes() }}</li>
</ul>