<frequency-percentage>

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

<frequency-percentage>CSSデータ型で、 frequency または <percentage> が取りうる値を表します。周波数の値、例えば音声の高さは、現在どの CSS プロパティでも使用されていません。

構文

<frequency-percentage> の値は frequency または <percentage> です。それぞれの構文についての詳細はそれぞれのリファレンスページを参照してください。

解説

calc() での使用

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

有効なパーセント値

90% 正のパーセント値
+90% 先頭に + が付いた正のパーセント値
-90% 負のパーセント値 — パーセント値を使用するすべてのプロパティで有効とは限らない

無効なパーセント値

90 % 数値と単位の間に空白を入れてはいけない。

有効な周波数値

12Hz     正の整数
4.3Hz    整数以外
14KhZ    単位は大文字小文字の区別がないが、 SI 以外の大文字小文字の使い分けは推奨しない。
+0Hz     先頭に + が付いた単位付きのゼロ
-0kHz    先頭に - が付いた単位付きのゼロ

無効な周波数値

12.0     これは単位がないため <number> であり <frequency> ではない。
7 Hz     数値と単位の間に空白を入れてはいけない。
0        単位のないゼロは <length> では許可されることがあるが、 <frequency> では無効。

仕様書

仕様書 状態 備考
CSS Values and Units Module Level 4
<frequency-percentage> の定義
編集者草案
CSS Values and Units Module Level 3
<frequency-percentage> の定義
勧告候補 <frequency-percentage> を定義。 calc() を追加

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
<frequency-percentage>Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 なしIE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

未対応  
未対応

関連情報