From d865640dce1e8d77a386a2c539551b6f4cee2847 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Wed, 22 Dec 2021 22:59:06 +0900 Subject: CSS Display の文書を変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/css_display/index.html | 80 --------------------------------- files/ja/web/css/css_display/index.md | 80 +++++++++++++++++++++++++++++++++ 2 files changed, 80 insertions(+), 80 deletions(-) delete mode 100644 files/ja/web/css/css_display/index.html create mode 100644 files/ja/web/css/css_display/index.md (limited to 'files/ja/web/css/css_display') diff --git a/files/ja/web/css/css_display/index.html b/files/ja/web/css/css_display/index.html deleted file mode 100644 index 3d10f7c800..0000000000 --- a/files/ja/web/css/css_display/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: CSS 表示方法 -slug: Web/CSS/CSS_Display -tags: - - CSS - - CSS 表示方法 - - ガイド - - 概要 - - リファレンス -translation_of: Web/CSS/CSS_Display ---- -{{CSSRef}} - -**CSS 表示方法** (CSS Display) は CSS のモジュールの一つで、 CSS の整形ボックスツリーがどのように文書の要素ツリーから生成されるかを定義し、制御するプロパティを定義します。 - -## リファレンス - -### CSS プロパティ - -- {{CSSxRef("display")}} - -### CSS データ型 - -- {{CSSxRef("<display-outside>")}} -- {{CSSxRef("<display-inside>")}} -- {{CSSxRef("<display-listitem>")}} -- {{CSSxRef("<display-box>")}} -- {{CSSxRef("<display-internal>")}} -- {{CSSxRef("<display-legacy>")}} - -## ガイド - -- [Adapting to the two-value syntax of display](/ja/docs/Web/CSS/display/two-value_syntax_of_display) - -### CSS フローレイアウト (`display: block`, `display: inline`) - -- [通常フローでのブロックおよびインラインレイアウト](/ja/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow) -- [フローレイアウトとオーバーフロー](/ja/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Overflow) -- [フローレイアウトと書字方向](/ja/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes) -- [整形コンテキストの紹介](/ja/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts) -- [フロー内とフローの外](/ja/docs/Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow) - -### `display: flex` - -- [フレックスボックスの基本概念](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox) -- [フレックスコンテナー内のアイテムの配置](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container) -- [主軸に沿ったフレックスアイテムの比率の制御](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax) -- [フレックスアイテムの折り返しのマスター](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items) -- [フレックスアイテムの並べ替え](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items) -- [フレックスボックスと他のレイアウト方法の関係](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods) -- [フレックスボックスの後方互換性](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox) -- [フレックスボックスの典型的な用途](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox) - -### `display: grid` - -- [グリッドレイアウトの基本概念](/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout) -- [グリッドレイアウトと他のレイアウト方法との関係](/ja/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout) -- [線に基づく配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid) -- [グリッドテンプレート領域](/ja/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas) -- [名前付きグリッド線を使用したレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines) -- [グリッドレイアウトでの自動配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout) -- [グリッドレイアウトのボックス配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout) -- [グリッドと論理的な値と書字方向](/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes) -- [CSS グリッドレイアウトとアクセシビリティ](/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility) -- [CSS グリッドレイアウトとプログレッシブエンハンスメント](/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement) -- [グリッドを使用したよくあるレイアウトの実現](/ja/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout) - -## 仕様書 - -| 仕様書 | 状態 | 備考 | -| ------------------------------------------------------------------ | ------------------------- | ------------------------------------------------------------------------ | -| {{SpecName("CSS3 Display", "#the-display-properties", "display")}} | {{Spec2("CSS3 Display")}} | `run-in`, `flow`, `flow-root`, `contents` および複数のキーワード値を追加 | -| {{SpecName("CSS2.1", "visuren.html#display-prop", "display")}} | {{Spec2("CSS2.1")}} | テーブルモデルの値と `inline-block` を追加 | -| {{SpecName("CSS1", "#display", "display")}} | {{Spec2("CSS1")}} | 初回定義。基本的な値: `none`, `block`, `inline`, `list-item` | - -CSS Display 仕様書 Level 3 に加え、他の仕様書でも display の様々な値の動作を定義しています。 - -## ブラウザーの互換性 - -{{Compat("css.properties.display", 10)}} diff --git a/files/ja/web/css/css_display/index.md b/files/ja/web/css/css_display/index.md new file mode 100644 index 0000000000..3d10f7c800 --- /dev/null +++ b/files/ja/web/css/css_display/index.md @@ -0,0 +1,80 @@ +--- +title: CSS 表示方法 +slug: Web/CSS/CSS_Display +tags: + - CSS + - CSS 表示方法 + - ガイド + - 概要 + - リファレンス +translation_of: Web/CSS/CSS_Display +--- +{{CSSRef}} + +**CSS 表示方法** (CSS Display) は CSS のモジュールの一つで、 CSS の整形ボックスツリーがどのように文書の要素ツリーから生成されるかを定義し、制御するプロパティを定義します。 + +## リファレンス + +### CSS プロパティ + +- {{CSSxRef("display")}} + +### CSS データ型 + +- {{CSSxRef("<display-outside>")}} +- {{CSSxRef("<display-inside>")}} +- {{CSSxRef("<display-listitem>")}} +- {{CSSxRef("<display-box>")}} +- {{CSSxRef("<display-internal>")}} +- {{CSSxRef("<display-legacy>")}} + +## ガイド + +- [Adapting to the two-value syntax of display](/ja/docs/Web/CSS/display/two-value_syntax_of_display) + +### CSS フローレイアウト (`display: block`, `display: inline`) + +- [通常フローでのブロックおよびインラインレイアウト](/ja/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow) +- [フローレイアウトとオーバーフロー](/ja/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Overflow) +- [フローレイアウトと書字方向](/ja/docs/Web/CSS/CSS_Flow_Layout/Flow_Layout_and_Writing_Modes) +- [整形コンテキストの紹介](/ja/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts) +- [フロー内とフローの外](/ja/docs/Web/CSS/CSS_Flow_Layout/In_Flow_and_Out_of_Flow) + +### `display: flex` + +- [フレックスボックスの基本概念](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox) +- [フレックスコンテナー内のアイテムの配置](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Aligning_Items_in_a_Flex_Container) +- [主軸に沿ったフレックスアイテムの比率の制御](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax) +- [フレックスアイテムの折り返しのマスター](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Mastering_Wrapping_of_Flex_Items) +- [フレックスアイテムの並べ替え](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Ordering_Flex_Items) +- [フレックスボックスと他のレイアウト方法の関係](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Relationship_of_Flexbox_to_Other_Layout_Methods) +- [フレックスボックスの後方互換性](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Backwards_Compatibility_of_Flexbox) +- [フレックスボックスの典型的な用途](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout/Typical_Use_Cases_of_Flexbox) + +### `display: grid` + +- [グリッドレイアウトの基本概念](/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout) +- [グリッドレイアウトと他のレイアウト方法との関係](/ja/docs/Web/CSS/CSS_Grid_Layout/Relationship_of_Grid_Layout) +- [線に基づく配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid) +- [グリッドテンプレート領域](/ja/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas) +- [名前付きグリッド線を使用したレイアウト](/ja/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines) +- [グリッドレイアウトでの自動配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Auto-placement_in_CSS_Grid_Layout) +- [グリッドレイアウトのボックス配置](/ja/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout) +- [グリッドと論理的な値と書字方向](/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes) +- [CSS グリッドレイアウトとアクセシビリティ](/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility) +- [CSS グリッドレイアウトとプログレッシブエンハンスメント](/ja/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement) +- [グリッドを使用したよくあるレイアウトの実現](/ja/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout) + +## 仕様書 + +| 仕様書 | 状態 | 備考 | +| ------------------------------------------------------------------ | ------------------------- | ------------------------------------------------------------------------ | +| {{SpecName("CSS3 Display", "#the-display-properties", "display")}} | {{Spec2("CSS3 Display")}} | `run-in`, `flow`, `flow-root`, `contents` および複数のキーワード値を追加 | +| {{SpecName("CSS2.1", "visuren.html#display-prop", "display")}} | {{Spec2("CSS2.1")}} | テーブルモデルの値と `inline-block` を追加 | +| {{SpecName("CSS1", "#display", "display")}} | {{Spec2("CSS1")}} | 初回定義。基本的な値: `none`, `block`, `inline`, `list-item` | + +CSS Display 仕様書 Level 3 に加え、他の仕様書でも display の様々な値の動作を定義しています。 + +## ブラウザーの互換性 + +{{Compat("css.properties.display", 10)}} -- cgit v1.2.3-54-g00ecf