Alignment subject
CSS Box Alignment の中では、アラインメントサブジェクトはプロパティによって整列されるものです。
justify-self
や align-self
が設定されている場合、アラインメントサブジェクトはこれらのプロパティが設定されているボックスのマージンボックスです。そのボックスの writing mode を使用します。
justify-content
や align-content
の場合は、ボックスの writing mode も使用されます。アラインメントサブジェクトの定義は使用されているレイアウトのモードによります。
- ブロックコンテナー ( テーブルセルを含む )
- シングルユニットとしてのブロックのコンテンツ全体です。
- マルチカラムコンテナー
- カラムボックスです。間にスペースが挿入されているカラムボックスは、関連するカラムギャップに追加されます。
- フレックスコンテナー
justify-content
の場合は、それぞれのフレックス行の中のフレックスアイテムです。
align-content
の場合は、フレックス行です。ただし、複数行のフレックスコンテナーにだけ効果を発揮します。- グリッドコンテナー
- 適切な軸のグリッドトラックです。トラック間にスペースを挿入すると、関連するガターに追加されます。折りたたまれたガターはスペース挿入の単一の機会です。