CSS display値主要一覧
CSS displayプロパティの主要値を整理した非公開検証用一覧。
更新履歴（1回）
- 2026-06-28T18:05:49+09:00 / 14行 / 重複回避CSV自動生成（非公開）
列表示ON/OFF
読み込み中...
| value | category_ja | layout_behavior_ja | note |
|---|---|---|---|
| block | 外部表示 | 前後に改行されるブロックボックスを作る | divなどの既定表示に近い |
| inline | 外部表示 | 行内に配置されるインラインボックスを作る | spanなどの既定表示に近い |
| inline-block | 外部表示 | 行内配置だが幅と高さを指定できる | ボタン風要素で使われる |
| none | 表示抑制 | 要素のボックスを生成しない | レイアウト上の領域も消える |
| flex | 内部表示 | 子要素をフレックスコンテナ内に配置する | 一次元レイアウト向け |
| inline-flex | 内部表示 | 外側は行内で内側はフレックスになる | テキスト行内の小型UIに使う |
| grid | 内部表示 | 子要素をグリッドコンテナ内に配置する | 二次元レイアウト向け |
| inline-grid | 内部表示 | 外側は行内で内側はグリッドになる | 小さな格子UIに使う |
| contents | ボックス制御 | 要素自身のボックスを作らず子を親に近い扱いにする | アクセシビリティ影響に注意 |
| list-item | リスト表示 | リスト項目のマーカーを持つボックスを作る | liの既定表示に近い |
| table | 表レイアウト | 表全体のように表示する | table要素風の表示 |
| table-row | 表レイアウト | 表の行のように表示する | tr要素風の表示 |
| table-cell | 表レイアウト | 表のセルのように表示する | td要素風の表示 |
| flow-root | 整形文脈 | 新しいブロック整形コンテキストを作る | clearfixの代替として使える |