CSS長さ単位一覧
CSSで使われる代表的な長さ単位を、絶対単位・フォント相対単位・ビューポート相対単位に分けて整理した非公開検証用データ。
更新履歴（1回）
- 2026-06-18T09:43:12+09:00 / 21行 / 新規作成：CSS長さ単位一覧
列表示ON/OFF
読み込み中...
| unit | category | kind | relative_to | example | note |
|---|---|---|---|---|---|
| px | absolute | length | 1/96 inch | 16px | CSS pixel; device pixelとは一致しない場合がある |
| cm | absolute | length | centimeter | 2.54cm | 物理長のセンチメートル |
| mm | absolute | length | millimeter | 10mm | 物理長のミリメートル |
| Q | absolute | length | quarter-millimeter | 40Q | 1Qは1/4mm |
| in | absolute | length | inch | 1in | 1inは96pxとして扱われる |
| pc | absolute | length | pica | 6pc | 1pcは12pt |
| pt | absolute | length | point | 12pt | 1ptは1/72in |
| em | relative | font | current element font-size | 1.5em | 現在の要素のフォントサイズに相対 |
| rem | relative | font | root element font-size | 1.25rem | ルート要素のフォントサイズに相対 |
| ex | relative | font | x-height | 2ex | フォントのx-heightに相対 |
| ch | relative | font | advance of 0 glyph | 60ch | 数字0の送り幅を基準にする |
| ic | relative | font | advance of CJK water ideograph | 20ic | CJK文字幅を想定する組版で使われる |
| lh | relative | font | current element line-height | 2lh | 現在の要素の行高に相対 |
| rlh | relative | font | root element line-height | 3rlh | ルート要素の行高に相対 |
| vw | relative | viewport | 1% viewport width | 50vw | ビューポート幅の1%単位 |
| vh | relative | viewport | 1% viewport height | 50vh | ビューポート高さの1%単位 |
| vmin | relative | viewport | 1% of smaller viewport dimension | 100vmin | 幅と高さの小さい方に相対 |
| vmax | relative | viewport | 1% of larger viewport dimension | 100vmax | 幅と高さの大きい方に相対 |
| svw | relative | viewport | 1% small viewport width | 100svw | 小さいビューポートサイズに基づく幅 |
| lvw | relative | viewport | 1% large viewport width | 100lvw | 大きいビューポートサイズに基づく幅 |