From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/css/display-outside/index.html | 75 +++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 files/ru/web/css/display-outside/index.html (limited to 'files/ru/web/css/display-outside/index.html') diff --git a/files/ru/web/css/display-outside/index.html b/files/ru/web/css/display-outside/index.html new file mode 100644 index 0000000000..60ee3de15e --- /dev/null +++ b/files/ru/web/css/display-outside/index.html @@ -0,0 +1,75 @@ +--- +title: +slug: Web/CSS/display-outside +tags: + - CSS + - CSS Data Type + - CSS Display + - Reference + - display-outside + - Справка +translation_of: Web/CSS/display-outside +--- +
{{CSSRef}}
+ +

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

+ +

Синтаксис

+ +

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

+ +

Значения

+ +
+
block
+
Элемент генерирует бокс элемента, создавая разрывы линий, как перед, так и после элемента, при условии нормального потока.
+
inline
+
Элемент создает один или более строковых (inline) боксов элемента, которые не создают разрывов строк перед собой или после себя. В нормальном потоке следующий элемент будет находиться на той же линии, если есть пробел.
+
run-in {{Experimental_Inline}}
+
Элемент генерирует 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

+ +

{{EmbedLiveSample("Example", 300, 60)}}

+ +

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

+ + + +

Support of run-in

+ +

{{Compat("css.properties.display.run-in", 10)}}

+ +

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

+ + -- cgit v1.2.3-54-g00ecf