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

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

Поделись записью