<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 <number> と単位の間に空白を置いてはいけません。
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
CSS Values and Units Module Level 4 <time> の定義 |
編集者草案 | |
CSS Values and Units Module Level 3 <time> の定義 |
勧告候補 | s と ms の正規の定義 |
CSS Level 2 (Revision 1) <time> の定義 |
勧告 | s と ms の非公式な定義 |
ブラウザーの互換性
BCD tables only load in the browser