いくつのCSS書式設定コンテキストがありますか？

Question

私はCSS2.1仕様を読んでいます。私は "ブロック書式設定コンテキスト"、 "インライン書式設定コンテキスト"、 "テーブル/グリッド/フレックス書式設定コンテキスト"を知っています。

「フォーマットのコンテキスト」はいくつあるのでしょうか。完全なリストはありますか？

Answer 1

通常、「書式設定コンテキスト」は、通常のフローで特定の種類の子孫ボックス（ブロック、インライン、フレックスアイテムなど）がレイアウトされた（またはフォーマットされた）領域です。

CSS2.1には、ブロックとインラインという2種類の書式設定コンテキストしかありません。これらの両方は、section 9.4に記載されています。少なくともCSS2.1で定義されていない表の書式設定のようなものはありません。代わりにそれは単にa table box establishes a block formatting contextと言いますが、その内容は表形式でレイアウトされています。

他のタイプの書式設定コンテキストはそれぞれのCSS3モジュールで定義されているため、網羅的なリストはありません。つまり、いくつかの例には以下が含まれます：

• Flexbox：フレックスコンテナはフレックスフォーマットのコンテキストを確立します。
• Grid Layout：グリッドコンテナはグリッドフォーマットコンテキストを確立します。