CSS 表示方法

リファレンス

プロパティ

• display
• order
• visibility

データ型

• <display-outside>
• <display-inside>
• <display-listitem>
• <display-box>
• <display-internal>
• <display-legacy>

用語集

• ブロック
• ブロック整形コンテキスト (BFC)
• ブロックレベルコンテンツ
• 包含ブロック
• フレックス
• フローレイアウト
• グリッド
• インライン整形コンテキスト
• インラインレベルコンテンツ
• 置換要素
• ルビ

ガイド

CSS display の複数キーワード構文の使用

複数キーワード構文を説明し、この構文と古い単一キーワード値とを比較します。

通常フローでのブロックおよびインラインレイアウト

通常フローの一部である場合のブロック要素とインライン要素の基本的な動作です。

フローレイアウトとオーバーフロー

通常のフローにおけるオーバーフローの動作です。

フローレイアウトと書字方向

フローレイアウトが、文書内でさまざまな書字方向で使用されている場合の動作について説明します。

整形コンテキストの紹介

ブロック、インライン、フレックスなどの整形コンテキスト、それらの動作、使用について説明します。

フロー内とフローの外

何がフローから要素を切り離すのか、そして新しいブロック整形コンテキストを作成する効果について。

関連概念

プロパティ

• transition-behavior
• overflow

ガイド

• CSS フレックスボックスレイアウトモジュール

  • フレックスボックスの基本概念
  • フレックスコンテナー内のアイテムの配置
  • 主軸方向のフレックスアイテムの比率の制御
  • フレックスアイテムの折り返しをマスターする
  • フレックスアイテムの順序
  • フレックスボックスと他のレイアウト方法の関係
  • フレックスボックスの典型的な用途

• CSS グリッドレイアウトモジュール

  • グリッドレイアウトの基本概念
  • グリッドレイアウトと他のレイアウト方法との関係
  • 線に基づく配置を使用したグリッドレイアウト
  • グリッドテンプレート領域
  • 名前付きグリッド線を使用したレイアウト
  • グリッドレイアウトでの自動配置
  • グリッドレイアウトのボックス配置
  • グリッド、論理的な値、書字方向
  • グリッドレイアウトとアクセシビリティ
  • グリッドを使用したよくあるレイアウトの実現

仕様書

関連情報

• CSS リストとカウンターモジュール
• CSS ルビレイアウトモジュール
• CSS 表モジュール
• 視覚整形モデル