<time>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Der <time> CSS Datentyp repräsentiert einen Zeitwert, der in Sekunden oder Millisekunden ausgedrückt wird. Er wird in animation, transition und verwandten Eigenschaften verwendet.

Syntax

Der <time>-Datentyp besteht aus einer <number>, gefolgt von einer der unten aufgeführten Einheiten. Optional kann er einem einzelnen + oder - Zeichen vorangestellt sein. Wie bei allen Dimensionen gibt es keinen Leerraum zwischen dem Einheitliteral und der Zahl.

Hinweis: Obwohl die Zahl 0 unabhängig von der Einheit immer gleich ist, darf die Einheit nicht ausgelassen werden. Mit anderen Worten, 0 ist ungültig und repräsentiert nicht 0s oder 0ms.

Einheiten

s

Repräsentiert eine Zeit in Sekunden. Beispiele: 0s, 1.5s, -60s.

ms

Repräsentiert eine Zeit in Millisekunden. Beispiele: 0ms, 150.25ms, -60000ms.

Hinweis: Die Umrechnung zwischen s und ms folgt der Logik 1s = 1000ms.

Beispiele

Gültige Zeiten

12s         Positive integer
-456ms      Negative integer
4.3ms       Non-integer
14mS        The unit is case-insensitive, although capital letters are not recommended.
+0s         Zero with a leading + and a unit
-0ms        Zero with a leading - and a unit

Ungültige Zeiten

0           Although unitless zero is allowed for <length>s, it's invalid for <time>s.
12.0        This is a <number>, not a <time>, because it's missing a unit.
7 ms        No space is allowed between the number and the unit.

Spezifikationen

Specification
CSS Values and Units Module Level 4
# time

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
<time>

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch