回答編集履歴

2

余談を追記

2020/05/27 05:13

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36960

test CHANGED
@@ -59,3 +59,43 @@
59
59
  となっており、置換要素はインラインでもブロックでも、`height`と`width`の両方が`auto`である時は、内在サイズに従うことになっています。
60
60
 
61
61
  (もちろん、フレックス整形コンテキスト下などにおいては、別の制約を受けます。ブロック整形コンテキストとインライン整形コンテキストにおいては、ということです)
62
+
63
+
64
+
65
+ ---
66
+
67
+
68
+
69
+ 余談ですが。
70
+
71
+
72
+
73
+ >初期値でインラインブロック要素の物はない
74
+
75
+
76
+
77
+ ある意味で正しいです。
78
+
79
+ なぜならば、全ての要素の初期値は`inline`と決まっているからです。
80
+
81
+
82
+
83
+ > 初期値 inline
84
+
85
+ [display - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/initial_value)
86
+
87
+
88
+
89
+ では、なぜ`div`が`block`として表示されるかというと、デフォルトCSSによるものです。
90
+
91
+ [Default style sheet for HTML 4](https://www.w3.org/TR/CSS22/sample.html)
92
+
93
+
94
+
95
+ リセットしてやれば`inline`になります。
96
+
97
+ [サンプル](https://jsfiddle.net/Lhankor_Mhy/jhe7v85r/)
98
+
99
+
100
+
101
+ なので、ある意味では正しいのですが、「初期値」がデフォルトCSSのことならば、`input, select { display: inline-block }`というルールがあるので、間違っています。

1

脱字の修正

2020/05/27 05:13

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36960

test CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  これは私見ですが、そもそも整形コンテキストにあまり意味はなく、`<display-inside>`について論ずる必要が不明だと思います。
28
28
 
29
- `<display-inside>`について論ずる必要がないのであれば、`inline-block`でも`inline`でも、あるいは`inline-table`であっても差異は出ないはずですから、「置換インライン要素とインラインブロック要素が同じ」という主張は、「置換インライン要素とインライン要素」という主張と特段の違いがありませんから、あまり意味がないと感じます。
29
+ `<display-inside>`について論ずる必要がないのであれば、`inline-block`でも`inline`でも、あるいは`inline-table`であっても差異は出ないはずですから、「置換インライン要素とインラインブロック要素が同じ」という主張は、「置換インライン要素とインライン要素が同じ」という主張と特段の違いがありませんから、あまり意味がないと感じます。
30
30
 
31
31
 
32
32