<time>

Baseline Widely available

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

Тип данных CSS <time> представляет значение времени, выраженное в секундах или миллисекундах. Он используется в animation, transition, и связанных свойствах.

Синтаксис

Тип данных <time> состоит из <number>, который следует за одним из нижеперечисленных значений. На выбор, ему может предшествовать символ + или - символ. Как и во всех измерениях, между символом и числом не допускается пробел.

Примечание: Хотя число 0 имеет одно значение, независимо от единиц измерения, они не могут быть опущены. Другими словами 0 недопустимо и представляется 0s или 0ms.

Единицы

s: Представляет время в секундах. Примеры: 0s, 1.5s, -60s.
ms: Представляет время в миллисекундах. Примеры: 0ms, 150.25ms, -60000ms.

Примечание: Преобразование между s и ms следует из логики 1s = 1000ms.

Примеры

Валидное время

12s         Положительное целочисленные
-456ms      Отрицательное целочисленные
4.3ms       Нецелочисленное
14mS        Единица регистронечувствительна, однако, заглавные буквы не рекомендуются
+0s         Ноль с первоначальным + и единица измерения
-0ms        Ноль с первоначальным - и единица измерения

Невалидное время

0           Хотя ноль разрешён без единиц измерения для <length>, это невалидно для <time>.
12.0        Это <number>, а не <time>, так как пропущена единица измерения.
7 ms        Пробел между числом и единицей измерения не допускается.

Спецификации

Specification
CSS Values and Units Module Level 4 # time