Version 499267 von time

  • Adressname der Version: Web/CSS/time
  • Titel der Version: time
  • ID der Version: 499267
  • Erstellt:
  • Autor: fscholz
  • Aktuelle Version? Ja
  • Kommentar CSS/time Web/CSS/time

Inhalt der Version

{{ CSSRef() }}

Übersicht

Der Wert <time> bestimmt eine Zeitangabe in Sekunden oder Millisekunden. Dieser setzt sich aus einem {{ Xref_cssnumber() }} Wert und der entsprächenden Einheit zusammen. Dazwischen darf sich kein Leerzeichen befinden.

Die verschiedenen Einheiten sind:

  • s für Sekunden (bspw. 0s, 1.5s, -60s)
  • ms für Millisekunden(bspw. 0ms, 1500ms, -60000ms)

Dabei gillt stets: 1s = 1000ms.

Hinweis: Falls der Wert Null sein soll, so muss trozdem eine der beiden Einheiten hinzugefügt werden (0s, 0ms). Andernfalls wird der Wert als {{ xref_csslength() }} gelesen, was zu einem Syntaxfehler führen kann.

Beispiele

Gültige Werte:

12s         Positive integer
-456ms      Negative integer
4.3ms       Non-integer
14mS        The unit is case-insensitive, though capital letters are not recommended for s and ms.
+0s         Zero, with a leading + and the unit
-0ms        Zero, with a leading - and the unt(Though strange, this is an allowed value)

Ungültige Werte:

0           While unitless zero is allowed for <length>, it's invalid for all other units.
12.0        This is a <number>, not a <time>, it must have a unit
7 ms        No space is allowed between the <number> and the unit

Spezifikation

Spezifikation Status Anmerkung
CSS Values and Units Level 3 {{ Spec2('CSS3 Values') }} Definierte Norm für s und ms
CSS Level 2 (Revision 1) {{ Spec2('CSS2.1') }} Information zu s und ms

Browser Kompatibilität

{{ CompatibilityTable() }}

Funktion Chrome (Webkit) Firefox (Gecko) Internet Explorer Opera (Presto) Safari (Webkit)
Grundlegende Unterstützung <=11 (?) 4.0 (2.0) 9.0 10.5 (2.3) <=3.2 (?)
Funktion Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} no {{ CompatUnknown() }}

Siehe auch

Quelltext der Version

<p>{{ CSSRef() }}</p>
<h2 id=".C3.9Cbersicht">Übersicht</h2>
<p>Der Wert&nbsp;<code>&lt;time&gt;</code> bestimmt eine Zeitangabe in Sekunden oder Millisekunden. Dieser setzt sich aus einem {{ Xref_cssnumber() }} Wert und der entsprächenden Einheit zusammen. Dazwischen darf sich kein Leerzeichen befinden.</p>
<p>Die verschiedenen Einheiten sind:</p>
<ul>
  <li><code>s</code> für Sekunden (bspw. <code>0s</code>, <code>1.5s</code>, <code>-60s)</code></li>
  <li><code>ms</code> für Millisekunden(bspw. <code>0ms</code>, <code>1500ms</code>, <code>-60000ms)</code></li>
</ul>
<p>Dabei gillt stets: <code>1s</code> = <code>1000ms</code>.</p>
<div class="note">
  <p><strong>Hinweis: </strong>Falls der Wert Null sein soll, so muss trozdem&nbsp;eine der beiden&nbsp;Einheiten&nbsp;hinzugefügt werden (<code>0s, 0ms</code>). Andernfalls wird der Wert als&nbsp;{{ xref_csslength() }} gelesen, was zu einem Syntaxfehler führen kann.</p>
</div>
<h2 id="Beispiele">Beispiele</h2>
<p>Gültige&nbsp;Werte:</p>
<pre>
12s&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Positive integer
-456ms&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Negative integer
4.3ms       Non-integer
14mS&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The unit is case-insensitive, though capital letters are not recommended for s and ms.
+0s&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Zero, with a leading + and the unit
-0ms        Zero, with a leading - and the unt(Though strange, this is an allowed value)
</pre>
<p>Ungültige&nbsp;Werte:</p>
<pre>
0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; While unitless zero is allowed for &lt;length&gt;, it's invalid for all other units.
12.0&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; This is a <a href="mks://localhost/en/CSS/number" title="en/CSS/number">&lt;number&gt;</a>, not a &lt;time&gt;, it must have a unit
7 ms        No space is allowed between the <a href="mks://localhost/en/CSS/number" title="en/CSS/number">&lt;number&gt;</a> and the unit
</pre>
<h2 id="Specifications" name="Specifications">Spezifikation</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spezifikation</th>
      <th scope="col">Status</th>
      <th scope="col">Anmerkung</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>Definierte Norm für <code>s</code>&nbsp;und <code>ms</code></td>
    </tr>
    <tr>
      <td><a class="external" href="http://www.w3.org/TR/CSS2/aural.html#times" title="http://www.w3.org/TR/CSS2/aural.html#times">CSS Level 2 (Revision 1)</a></td>
      <td>{{ Spec2('CSS2.1') }}</td>
      <td>Information zu&nbsp;<code>s</code>&nbsp;und <code>ms</code></td>
    </tr>
  </tbody>
</table>
<h2 id="Browser_compatibility">Browser Kompatibilität</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Funktion</th>
        <th>Chrome (Webkit)</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera (Presto)</th>
        <th>Safari (Webkit)</th>
      </tr>
      <tr>
        <td>Grundlegende Unterstützung</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>Funktion</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Grundlegende Unterstützung</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>no</td>
        <td>{{ CompatUnknown() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
  <li><a href="/en/CSS/CSS_Reference" title="CSS Reference">CSS Reference</a> index</li>
  <li>CSS Data Types : {{ CSSDataTypes() }}</li>
</ul>
Zu dieser Version zurücksetzen