<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

BCD tables only load in the browser