Сколько существует контекстов форматирования CSS?

Question

Я читаю спецификацию CSS2.1. Я знаю «контекст форматирования блоков», «контекст форматирования форматирования», «контекст форматирования таблицы/сетки/флекса».

Я хочу знать, сколько видов «форматирования контекста» есть? Есть ли полный список?

Answer 1

В общем, «контекст форматирования» - это просто область, в которой потоки-потомки определенного типа (например, блок, встроенный, гибкий элемент) выложены (или отформатированы) в обычном потоке.

В CSS2.1 существует только два вида форматирования: block и inline. Оба они описаны как соответствующие в section 9.4. Нет такой вещи, как контекст форматирования таблицы, по крайней мере, не такой, как определено в CSS2.1; вместо этого он просто говорит, что a table box establishes a block formatting context, однако его содержание выложено в табличном виде.

Другие типы контекста форматирования определены в их соответствующих модулях CSS3, поэтому может не быть исчерпывающего списка. Тем не менее, некоторые примеры включают:

• Flexbox: гибкие контейнеры устанавливают контексты форматирования гибкого текста.
• Grid Layout: контейнеры сетки устанавливают контексты форматирования сетки.