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

<time> は CSS のデータ型で、時間の値を秒単位またはミリ秒単位で表現します。これは 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> では使えますが、他のすべての単位では無効です。
12.0        これは <number> であり、 <time> ではありません。単位が必須です。
7 ms        数値と単位との間に空白を置いてはいけません。

仕様書

Specification
CSS Values and Units Module Level 4
# time

ブラウザーの互換性

BCD tables only load in the browser

関連情報