File tree Expand file tree Collapse file tree 1 file changed +11
-4
lines changed
files/ja/web/css/display-outside Expand file tree Collapse file tree 1 file changed +11
-4
lines changed Original file line number Diff line number Diff line change 11---
22title : <display-outside>
33slug : Web/CSS/display-outside
4+ l10n :
5+ sourceCommit : b9db4e51b6f1cddba3af708643fc9804849d61c2
46---
57
68{{CSSRef}}
@@ -16,9 +18,14 @@ slug: Web/CSS/display-outside
1618- ` inline `
1719 - : 要素は自分自身の前後に改行を生成しない、一つ以上のインライン要素ボックスを生成します。通常フローでは、次の要素は空間があれば同じ行に来ます。
1820
19- > ** メモ:** 二つの値の構文に対応しているブラウザーは、 ` display: block ` や ` display: inline ` などの外部表示種別のみが指定されていると、内部表示種別を ` flow ` に設定します。これで期待通りに動作します。例えば、ある要素を block になるよう指定した場合、その要素の子はブロックおよびインラインの通常フローレイアウトに加わることを期待するでしょう。
21+ > ** メモ:** 2 つの値の構文に対応しているブラウザーは、** 外部** ` display ` 値(` display: block ` や ` display: inline ` など)のみが指定されていると、内部表示種別を ` flow ` に設定します(` display: block flow ` や ` display: inline flow ` など)。
22+ > これは単一のキーワード構文との下位互換性があります。
2023
21- <h2 id =" Examples " >例</h2 >
24+ ## 形式文法
25+
26+ {{csssyntax}}
27+
28+ ## 例
2229
2330以下の例では、 span 要素 (通常はインライン要素として表示) に ` display: block ` が設定されているので、改行が行われ、コンテナーのインライン方向を埋めるように拡張されます。
2431
5966 - {{CSSxRef("< ; display-box> ; ")}}
6067 - {{CSSxRef("< ; display-legacy> ; ")}}
6168
62- - [ 通常フローでのブロックおよびインラインレイアウト] ( /ja/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow )
63- - [ 整形コンテキストの紹介] ( /ja/docs/Web/CSS/CSS_Flow_Layout/Intro_to_formatting_contexts )
69+ - [ 通常フローでのブロックおよびインラインレイアウト] ( /ja/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow )
70+ - [ 整形コンテキストの紹介] ( /ja/docs/Web/CSS/CSS_flow_layout/Introduction_to_formatting_contexts )
You can’t perform that action at this time.
0 commit comments