From d3371501ae5534b08df08b26b0414a4d4cfba636 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 2 Jan 2022 23:03:37 +0900 Subject: 2021/08/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/css/layout_mode/index.md | 33 ++++++++++++++------------------- 1 file changed, 14 insertions(+), 19 deletions(-) (limited to 'files/ja/web') diff --git a/files/ja/web/css/layout_mode/index.md b/files/ja/web/css/layout_mode/index.md index 726d53e876..cbc1fea86e 100644 --- a/files/ja/web/css/layout_mode/index.md +++ b/files/ja/web/css/layout_mode/index.md @@ -3,30 +3,25 @@ title: レイアウトモード slug: Web/CSS/Layout_mode tags: - CSS - - リファレンス + - ガイド - レイアウト + - リファレンス translation_of: Web/CSS/Layout_mode --- -
{{cssref}}
+{{CSSRef}} -

CSS のレイアウトモード (または単に「レイアウト」) は、ボックスの位置やサイズを、兄弟要素や祖先要素のボックスとの相互作用を踏まえて決めるアルゴリズムです。複数のレイアウトモードがあります。

+ [CSS](/ja/docs/Web/CSS) の**レイアウトモード** (または単に「レイアウト」) は、ボックスの位置やサイズを、兄弟要素や祖先要素のボックスとの相互作用を踏まえて決めるアルゴリズムです。複数のレイアウトモードがあります。 - +- *[通常フロー](/ja/docs/Web/CSS/CSS_Flow_Layout)* — すべての要素は何かの操作をして外さない限り、通常フローの一部です。通常フローは、段落のようなボックスをレイアウトするための*ブロックレイアウト*と、テキストのような行内アイテムをレイアウトするための*インラインレイアウト*を含みます。 +- [*表レイアウト*](/ja/docs/Web/CSS/CSS_Table)は、表のレイアウトのためのものです。 +- *浮動レイアウト*は、アイテムを左または右に配置して、残りの部分はそれを回り込む通常フローにするためのものです。 +- [*位置指定レイアウト*](/ja/docs/Web/CSS/CSS_Positioning)は、他要素とほとんど相互作用のない位置指定要素のためのものです。 +- [*段組みレイアウト*](/ja/docs/Web/CSS/CSS_Columns)は、新聞のように複数の段でコンテンツをレイアウトするためのものです。 +- [*フレックスボックスレイアウト*](/ja/docs/Web/CSS/CSS_Flexible_Box_Layout)は、滑らかに大きさが変更できる複雑なページのレイアウトに使われます。 +- [*グリッドレイアウト*](/ja/docs/Web/CSS/CSS_Grid_Layout)は、固定グリッドを基準にした要素配置に使われます。 -
-

メモ: レイアウトモードによって、使える CSS プロパティに制限があります。大半は 1 つか 2 つのレイアウトモードで用いられ、別のレイアウトモードに関わる要素に設定しても効果がありません。

-
+> **Note:** レイアウトモードによって、使える [CSS プロパティ](/ja/docs/Web/CSS/Reference)に制限があります。多くは 1 つか 2 つのレイアウトモードで用いられ、別のレイアウトモードに関わる要素に設定しても効果がありません。 -

関連情報

+## 関連情報 - +- {{CSS_key_concepts}} -- cgit v1.2.3-54-g00ecf