ブロックレベルボックスは コンテキストをフォーマットブロックに参加ボックスです。各ブロックレベル要素は、子孫ボックスと生成されたコンテンツを含む基本ブロックレベルの ボックスを生成し、 任意の配置スキームに関係するボックスです。いくつかのブロックレベル要素 は、プリンシパルボックスに加えて追加のボックス: 'list-item'要素を生成することがあります。これらの追加ボックスは、 に関して、プリンシパルボックスに配置されます。
本質的に同じですか?
ブロックレベルボックスは コンテキストをフォーマットブロックに参加ボックスです。各ブロックレベル要素は、子孫ボックスと生成されたコンテンツを含む基本ブロックレベルの ボックスを生成し、 任意の配置スキームに関係するボックスです。いくつかのブロックレベル要素 は、プリンシパルボックスに加えて追加のボックス: 'list-item'要素を生成することがあります。これらの追加ボックスは、 に関して、プリンシパルボックスに配置されます。
本質的に同じですか?
主要なブロックレベルのボックスは、要素に適用されるスタイルルールの影響を直接受けるブロックレベルのボックスです。
ほとんどの要素は1つのボックスしか生成しません。これらの要素の場合、はであり、他のボックスは含まれていないため、本質的に同じものです。
ただし、エレメントは、list itemなど、その表示タイプに応じて複数のボックスを生成できます。そのような要素のスタイルを宣言すると、スタイルは通常プリンシパルボックスに適用され、生成される追加のボックスはそれに応じてレンダリングされます。
たとえば、リスト項目には、プリンシパルボックスに加えてマーカーボックスがあります。 list-style-position: outside
を指定すると、リストマーカーはプリンシパルボックスの境界の外側に配置されますが、プリンシパルボックスの背景と境界線は影響を受けません。マーカーボックスはプリンシパルボックスの子孫であることに注意してください。color
などの継承可能なプロパティがマーカーに適用されます(これはcolor: red
がテキストとその箇条書きマーカーを赤くする理由です)。
display: table
除くdisplay: block
しかしを含む他のほとんどのブロックレベル要素、(section 17.4を参照)、単純に基本的に単に「ブロックボックス」作り、その内容と他には何のための主要ブロックボックスを生成しますが、唯一のそれらのため要素。
つまり、主要なブロックレベルのボックスはすべてブロックレベルのボックスですが、すべてのブロックレベルのボックスがプリンシパルではありません(例:anonymous block boxes)。また、インラインブロックを含むインライン要素は、プリンシパルボックス自体を生成しませんし、プリンシパルインラインボックスなども存在しません。
プリンシパルブロックは機械的目的のために、機械的目的のために、正しく表示されるためには他の要素を必要とします。スクロールバーをテキストエリアから)
どちらも同じです –
質問を修正して追加する必要があります:これは、DOMツリーに対応する要素/ノードを持つブロックボックスを意味しますか? –