<dimension>
<dimension> は CSS のデータ型で、 <number> とそれに添付された単位を表します (10px など)。
CSS は <dimension> を使用して、長さ (<length>)、時間 (<time>)、周期 (<frequency>)、解像度 (<resolution>)、その他の量を指定します。
構文
<dimension> の構文は、 <number> とすぐ後に識別子である単位を続けます。単位の識別子は、大文字小文字の区別がありません。
例
有効な dimension
css
12px 12 ピクセル
1rem 1rem
1.2pt 1.2 ポイント
2200ms 2200 ミリ秒
5s 5 秒
200hz 200 ヘルツ
200Hz 200 ヘルツ (値は大文字小文字の区別なし)
無効な dimension
css
12 px 単位は数値の直後に来る必要がある。
12"px" 単位は識別子であり、引用符で囲まない。
3sec 秒の単位は "s" であり "sec" ではない。
仕様書
| Specification |
|---|
| CSS Values and Units Module Level 4 # dimensions |
ブラウザーの互換性
BCD tables only load in the browser
関連情報
- CSS データ型
- CSS を使用した HTML のスタイル付けの学習
- CSS の長さ (
<length>), 時間 (<time>), 周期 (<frequency>), 解像度 (<resolution>)