CSS 表示方法は CSS のモジュールの一つで、 CSS 整形ボックスツリーがどのように文書の要素ツリーから生成されるかを定義し、制御するプロパティを定義します。
リファレンス
CSS プロパティ
CSS データ型
ガイド
CSS フローレイアウト (display: block
, display: inline
)
display: flex
display: grid
- グリッドレイアウトの基本概念
- グリッドレイアウトと他のレイアウト方法との関係
- Line-based placement
- Grid template areas
- Layout using named grid lines
- Auto-placement in grid layout
- CSS グリッドレイアウトのボックス配置
- Grids, logical values and writing modes
- CSS Grid Layout and Accessibility
- CSS Grid Layout and Progressive Enhancement
- Realizing common layouts using grids
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
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
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。