Уровень 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