<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.

Тип данных 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

Совместимость с браузерами

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