<time-percentage>

<time-percentage>CSSデータ型で、 <time> または <percentage> が取りうる値を表します。

構文

この型に利用できる個々の構文の詳細は、 <time> および <percentage> の文書を参照してください。

calc() での使用

許可されている型として <time-percentage> が指定されているところでは、これはパーセント値が時間として解決されるので、 calc() の式で利用することができます。

有効なパーセント値

50%
+50%        + 記号は任意
-50%        負号はパーセント値を受け入れるすべてのプロパティで有効とは限らない

無効なパーセント値

50 %        数値とパーセント記号の間に空白は許可されない

有効な時間

12s         正の整数
-456ms      負の整数
4.3ms       非整数
14mS        単位には大文字・小文字の区別がないが、大文字は推奨されない。
+0s         先頭に + がついたゼロと単位
-0ms        先頭に - がついたゼロと単位

無効な時間

0           単位のない <length> は有効だが、 <time> では無効。
12.0        これは単位がないので <number> であって <time> ではない。
7 ms        数値と単位の間に空白は許可されない。

仕様書

Specification
CSS Values and Units Module Level 4
# mixed-percentages

ブラウザーの互換性

BCD tables only load in the browser

関連情報