CSS | Модуль отображения | Уровень 3 | Предварительно составленные отображаемые значения на встроенном уровне

CSS | Модуль отображения | Уровень 3 | Предварительно составленные отображаемые значения на встроенном уровне

Уровень CSS 2 использовал синтаксис с одним ключевым словом для ‘display‘, требуя отдельных ключевых слов для блочных и встроенных вариантов одного и того же режима макета. Эти ключевые слова <display-legacy> сопоставляются следующим образом:

‘inline-block’ (встроенный блок)
Вычисляет встроенный корневой поток — ‘inline flow-root‘.

‘inline-table’ (встроенная таблица)
Вычисляет встроенную таблицу — ‘inline table‘.

‘inline-flex’ (встроенный гибкий)
Вычисляет встроенный гибкий — ‘inline flex‘.

‘inline-grid’ (встроенная сетка)
Вычисляет встроенную сетку — ‘inline grid‘.

 

Примечание

Хотя эти ключевые слова и их эквиваленты вычисляются до одного и того же значения, указанные ими значения остаются разными.

 

Примечание

Правила сериализации getComputedStyle() всегда будут выводить эти предварительно составленные ключевые слова, а не эквивалентные пары из двух ключевых слов из-за самого короткого и обратно совместимого принципа сериализации.

 

Информационные ссылки

CSS | Модуль отображения | Уровень 3 | Режимы макета блока: свойство отображения ‘display’

Стандарт CSS Display Module Level 3 — Раздел «2. Box Layout Modes: the display property» — https://drafts.csswg.org/css-display/#the-display-properties

Стандарт CSS Display Module Level 3 — Раздел «2.6. Precomposed Inline-level Display Values» — https://drafts.csswg.org/css-display/#legacy-display