dimension

<dimension>CSSデータ型で、 <number> とそれに添付された単位を表します (10px など)。

CSS は dimension を使用して、距離 (<length>)、時間 (<time>)、周期 (<frequency>)、解像度 (<resolution>)、その他の量を指定します。

構文

<dimension> の構文は、 <number> とすぐ後に識別子である単位を続けます。単位の識別子は、大文字小文字の区別がありません。

妥当な dimension

12px      12ピクセル
1rem      1rem
1.2pt     1.2ポイント
2200ms    2200ミリ秒
200hz     200ヘルツ
200Hz     200ヘルツ (値は大文字小文字の区別なし)

妥当ではない dimension

12 px       単位は数値の直後に来る必要がある。
12"px"      単位は識別子であり、引用符で囲まない。

仕様書

仕様書 状態 備考
CSS Values and Units Module Level 4
<dimension> の定義
編集者草案 cap, ic, lh, rlh, vi, vb を追加
CSS Values and Units Module Level 3
<dimension> の定義
勧告候補 ch, rem, vw, vw, vmin, vmax, Q を追加
CSS Level 2 (Revision 1)
<dimension> の定義
勧告 Numbers and Length において定義
CSS Level 1
<dimension> の定義
勧告 "length units" のもとに初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
<dimension>Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 5Opera 完全対応 ありSafari 完全対応 1WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応