<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" のもとに初回定義 |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
デスクトップ | モバイル | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
<dimension> | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 5 | Opera 完全対応 あり | Safari 完全対応 1 | WebView Android 完全対応 ≤37 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 あり | Safari iOS 完全対応 1 | Samsung Internet Android 完全対応 1.0 |
凡例
- 完全対応
- 完全対応