CSS 表示方法
CSS 表示方法は CSS のモジュールの一つで、 CSS 整形ボックスツリーがどのように文書の要素ツリーから生成されるかを定義し、制御するプロパティを定義します。
リファレンス
CSS プロパティ
CSS データ型
ガイド
CSS フローレイアウト (display: block, display: inline)
display: flex
display: grid
- グリッドレイアウトの基本概念
- グリッドレイアウトと他のレイアウト方法との関係
- Line-based placement (en-US)
- Grid template areas (en-US)
- Layout using named grid lines
- Auto-placement in grid layout
- CSS グリッドレイアウトのボックス配置
- Grids, logical values and writing modes (en-US)
- CSS Grid Layout and Accessibility (en-US)
- CSS Grid Layout and Progressive Enhancement (en-US)
- Realizing common layouts using grids (en-US)
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Display Module Level 3 display の定義 |
勧告候補 | run-in, flow, flow-root, contents および複数キーワードの値を追加。 |
| CSS Level 2 (Revision 1) display の定義 |
勧告 | テーブルモデルの値と inline-block を追加。 |
| CSS Level 1 display の定義 |
勧告 | 初回定義。基本的な値: none, block, inline, list-item |
CSS Display 仕様書 Level 3 に加え、他の仕様書でも display の様々な値の動作を定義しています。
ブラウザーの対応
BCD tables only load in the browser