CSS単位リファレンス
| Unit | Name | Type | Description | Example |
|---|---|---|---|---|
| px | Pixels | absolute | One pixel on screen. The most basic unit. | font-size: 16px; |
| em | Em | relative | Multiple of the parent element font-size. | padding: 1.5em; |
| rem | Root Em | relative | Multiple of the root (html) element font-size. | margin: 2rem; |
| % | Percent | relative | Percentage relative to the corresponding parent property. | width: 50%; |
| vw | Viewport Width | viewport | 1% of the viewport width. | width: 100vw; |
| vh | Viewport Height | viewport | 1% of the viewport height. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% of the smaller of vw and vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% of the larger of vw and vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamic viewport height (accounts for mobile address bar). | height: 100dvh; |
| svh | Small VH | viewport | Smallest viewport height. | min-height: 100svh; |
| lvh | Large VH | viewport | Largest viewport height. | max-height: 100lvh; |
| ch | Character | relative | Based on the width of the "0" character. | max-width: 60ch; |
| ex | X-Height | relative | Based on the height of the "x" character. | line-height: 2ex; |
| cm | Centimeters | absolute | Centimeters. For print. | width: 10cm; |
| mm | Millimeters | absolute | Millimeters. For print. | margin: 5mm; |
| in | Inches | absolute | Inches (1in = 96px). | width: 2in; |
| pt | Points | absolute | Points (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% of the container inline size. | font-size: 5cqi; |
| cqb | Container Block | container | 1% of the container block size. | padding: 2cqb; |
19개 표시 중
最終更新: 2026年 · 無料オンラインツール
CSS単位リファレンスとは？
px・em・rem・%・vw・vh・vmin・vmax・chなどCSS単位をカテゴリ別に整理し、用途と使い方を解説する無料リファレンス。 コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。 結果はワンクリックでコピーして、すぐに活用できます。
使い方
- 1検索— キーワードで必要な項目を検索してください。
- 2カテゴリ— カテゴリボタンでフィルタリングしてください。
- 3コピー— 必要な項目をコピーしてください。
関連ツール
正規表現チートシートメタ文字、量指定子、アンカー、グループなどカテゴリ別に正規表現の構文を整理し、検索とワンクリックでのパターンコピーに対応、JavaScript正規表現と互換の無料チートシート 正規表現・SQL・コード整形などを書いてテストする開発作業に適しており、すべてブラウザ内で処理されコードが外部に送信されず、インストール不要で無料で利用できます。
Gitチートシートブランチやマージからrebase・stash・resetまでGitコマンドをカテゴリ別に整理した検索可能な無料チートシート。危険度を表示。 コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。 結果はワンクリックでコピーして、すぐに活用できます。
よくある質問
px em rem vh vwなどのCSS単位をカテゴリ別に参照できる無料オンラインツールです。
はい、キーワードでリアルタイム検索できます。
いいえ。静的データを使用し、オフラインでも使用可能です。
はい、項目をクリックしてコピーできます。
はい、レスポンシブデザインでモバイルでも動作します。