Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. CSS
  3. リファレンス
  4. <time>

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。

View in EnglishAlways switch to English

<time>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015年7月⁩.

<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

ブラウザーの互換性

関連情報

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2025 Movatter.jp