<time>

  • Revision slug: CSS/time
  • Revision title: time
  • Revision id: 15410
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment 114 words added, 29 words removed

Revision Content

{{ CSSRef() }}

Summary

The <time> CSS data type denotes time dimensions expressed in seconds or milliseconds. They consists of a {{ Xref_cssnumber() }} immediately followed by the unit. Like for any unit in CSS, there is no space between the unit literal and the number.

The following units may be used :

  • s which represents a time in seconds. E.g. 0s, 1.5s, -60s.
  • ms which represents a time in milliseconds. E.g. 0ms, 1500ms, -60000ms.

As all units represents the same time for the value 0, the unit may be omitted in that case: 0 represents 0s, 0ms.

Specifications

Specification Status Comment
CSS Values and Units Level 3 {{ Spec2('CSS3 Values') }}  

Browser compatibility

{{ CompatibilityTable() }}

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}

Revision Source

<p>{{ CSSRef() }}</p>
<h2>Summary</h2>
<p>The &lt;time&gt; <a href="/en/CSS" title="CSS">CSS</a> data type denotes time dimensions expressed in seconds or milliseconds. They consists of a {{ Xref_cssnumber() }} immediately followed by the unit. Like for any unit in CSS, there is no space between the unit literal and the number.</p>
<p>The following units may be used :</p>
<ul> <li><code>s</code> which represents a time in seconds. E.g. <code>0s</code>, <code>1.5s</code>, <code>-60s</code>.</li> <li><code>ms</code> which represents a time in milliseconds. E.g. <code>0ms</code>, <code>1500ms</code>, <code>-60000ms</code>.</li>
</ul>
<p>As all units represents the same time for the value 0, the unit may be omitted in that case: <code>0</code> represents <code>0s</code>, <code>0ms</code>.</p><h2 name="Specifications">Specifications</h2>
<table border="1" cellpadding="1" cellspacing="1" style="width: 1053px; border-style: solid; border-width: 1px; height: 75px; border-color: rgb(0,0,0);"> <thead> <tr style="background-color: rgb(255, 204, 255);"> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> </thead> <tbody> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-values/#time" title="http://www.w3.org/TR/css3-values/#time">CSS Values and Units Level 3</a></td> <td>{{ Spec2('CSS3 Values') }}</td> <td> </td> </tr> </tbody>
</table>
<h2>Browser compatibility</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> </tr> </tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Mobile</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> <td>{{ CompatUnknown() }}</td> </tr> </tbody>
</table>
</div>
Revert to this revision