<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データ型で、時間の値を秒単位またはミリ秒単位で表現します。これは animationtransition および関連するプロパティで使用されています。

構文

<time> データ型は、 <number> の直後に下記の単位を続けます。省略可能ですが、その前に単一の + または - を付けることもあります。どの単位の場合も、単位と数字との間には空白を置きません。

メモ: 数値の 0 は単位に関わらず常に同じですが、単位は省略できません。言い換えれば、 0 は無効であり、 0s または 0ms を表すものではありません。

単位

s

秒単位の時間を表します。例: 0s, 1.5s, -60s

ms

ミリ秒単位の時間を表します。例: 0ms, 150.25ms, -60000ms

メモ: sms の間の変換は、論理的に 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

ブラウザーの互換性

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

関連情報