<display-outside>

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Ключевые слова <display-outside>  определяют внешний тип отображения элемента (outer display type), который играет существенную роль в схеме потока. Эти ключевые слова используются как значения свойства display и могут быть использованы в целях преемственности как единственное ключевое слово или, как определено в рамках спецификации Level 3, наряду со значением из  <display-inside>.

Синтаксис

Значение <display-outside> определяется с использованием ключевого слова из списка ниже:

Значения

block
Элемент генерирует бокс элемента, создавая разрывы линий, как перед, так и после элемента, при условии нормального потока.
inline
Элемент создает один или более строковых (inline) боксов элемента, которые не создают разрывов строк перед собой или после себя. В нормальном потоке следующий элемент будет находиться на той же линии, если есть пробел.
run-in 
Элемент генерирует run-in бокс. Если соседний родственный (sibling) элемент определен как display: run-in, тогда  бокс является блоковым боксом, run-in бокс становится первым строковым (inline) боксом блокового бокса, который следует за ним. 

Run-in элементы ведут себя как строковые (inlines) или блоковые, в зависимости от окружающих элементов. Если run-in бокс содержит блоковый бокс, тогда он сам считается блоковым. Если блоковый бокс следует за run-in боксом, тогда run-in бокс становится первым строковым (inline) боксом блокового бокса. Если за ним следует строковый (inline) бокс, тогда run-in бокс становится блоковым боксом.

Замечание: Браузеры, поддерживающие двузначный синтаксис значений, при обнаружении только внешнего значения, например, при отображении display: block или display: inline,  установят внутреннее значение как flow.  Это приведет к ожидаемому поведению; например, если вы укажете элемент, который будет блоком, вы ожидаете, что его дочерние элементы будут участвовать в блочной и строковой разметке нормального потока.

Пример

В следующем примере элементы span (обычно отображаемые как строковые элементы) устанавливаются в display: block и поэтому разбиваются на новые строки и расширяются, чтобы заполнить их контейнер в строковом измерении.

HTML


<span>span 1</span>
<span>span 2</span>

CSS


span {
    display: block;
    border: 1px solid rebeccapurple;
}

Result

Совместимость с браузерами

Support of run-in

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidEdge MobileFirefox для AndroidOpera для AndroidiOS SafariSamsung Internet
Базовая поддержка
Экспериментальная
Chrome Нет поддержки 1 — 32
Замечания
Нет поддержки 1 — 32
Замечания
Замечания Before Chrome 4, run-in was not supported before inline elements.
Edge Нет поддержки НетFirefox Нет поддержки НетIE Полная поддержка 8Opera Нет поддержки 7 — 15Safari Нет поддержки 1 — 8
Замечания
Нет поддержки 1 — 8
Замечания
Замечания Before Safari 5, run-in was not supported before inline elements.
WebView Android Нет поддержки ? — 4.4.3
Замечания
Нет поддержки ? — 4.4.3
Замечания
Замечания Before version 4, run-in was not supported before inline elements.
Chrome Android Нет поддержки ? — 32
Замечания
Нет поддержки ? — 32
Замечания
Замечания Before Chrome 4, run-in was not supported before inline elements.
Edge Mobile Нет поддержки НетFirefox Android Нет поддержки НетOpera Android ? Safari iOS Нет поддержки ? — 8
Замечания
Нет поддержки ? — 8
Замечания
Замечания Before Safari 5, run-in was not supported before inline elements.
Samsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки
Совместимость неизвестна  
Совместимость неизвестна
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Экспериментальная. Ожидаемое поведение может измениться в будущем.
Смотрите замечания реализации.
Смотрите замечания реализации.

Смотрите также

Метки документа и участники

Внесли вклад в эту страницу: bsergey
Обновлялась последний раз: bsergey,