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/white-space/index.html | 168 ++++++++++++++++++++++++++++++++ 1 file changed, 168 insertions(+) create mode 100644 files/ru/web/css/white-space/index.html (limited to 'files/ru/web/css/white-space') diff --git a/files/ru/web/css/white-space/index.html b/files/ru/web/css/white-space/index.html new file mode 100644 index 0000000000..772e924843 --- /dev/null +++ b/files/ru/web/css/white-space/index.html @@ -0,0 +1,168 @@ +--- +title: white-space +slug: Web/CSS/white-space +translation_of: Web/CSS/white-space +--- +
{{CSSRef}}
+ +
Свойство white-space управляет тем, как обрабатываются {{Glossary("whitespace", "пробельные символы")}} внутри элемента.
+ +
+ +
{{EmbedInteractiveExample("pages/css/white-space.html")}}
+ + + +
+

Примечание: Для управления переносами внутри слов используйте {{CSSxRef("overflow-wrap")}}, {{CSSxRef("word-break")}} или {{CSSxRef("hyphens")}}.

+
+ +

Сводка

+ +
/* Ключевые значения */
+white-space: normal;
+white-space: nowrap;
+white-space: pre;
+white-space: pre-wrap;
+white-space: pre-line;
+white-space: break-spaces;
+
+/* Глобальные значения */
+white-space: inherit;
+white-space: initial;
+white-space: unset;
+
+ +

{{CSSInfo}}

+ +

Синтаксис

+ +

Свойство white-space определяется, как одно ключевое слово, выбранное из списка значений, указанных ниже.

+ +

Значения

+ +
+
normal
+
Последовательности пробелов объединяются в один пробел. Символы новой строки в источнике обрабатываются, как отдельный пробел. Применение данного значения при необходимости разбивает строки для того, чтобы заполнить строчные боксы. 
+
nowrap
+
Объединяет последовательности пробелов в один пробел, как значение normal, но не переносит строки (оборачивание текста) внутри текста.
+
pre
+
Последовательности пробелов сохраняются так, как они указаны в источнике. Строки переносятся только там, где в источнике указаны символы новой строки и там, где в источнике указаны элементы {{HTMLElement("br")}}.
+
pre-wrap
+
Последовательности пробелов сохраняются так, как они указаны в источнике. Строки переносятся только там, где в источнике указаны символы новой строки и там, где в источнике указаны элементы {{HTMLElement("br")}}, и при необходимости для заполнения строчных боксов.
+
pre-line
+
Последовательности пробелов объединяются в один пробел. Строки разбиваются по символам новой строки, по элементам {{HTMLElement("br")}}, и при необходимости для заполнения строчных боксов..
+
break-spaces
+
Поведение идентично pre-wrap со следующими отличиями: +
    +
  • Последовательности пробелов сохраняются так, как они указаны в источнике, включая пробелы на концах строк.
    • +
  • Строки переносятся по любым пробелам, в том числе в середине последовательности пробелов.
    • +
  • Пробелы занимают место и не висят на концах строк, а значит влияют на внутренние размеры (min-content и max-content).
    • +
+
+
+ +

В приведенной ниже таблице указано поведение различных значений свойства white-space:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Новые строкиПробелы и табуляцияПеренос текста по словамПробелы в конце строки
normalОбъединяются в однуОбъединяются в один пробелПереноситсяУдаляются
nowrapОбъединяются в однуОбъединяются в один пробелНе переноситсяУдаляются
preСохраняются как в источникеСохраняются как в источникеНе переноситсяСохраняются как в источнике
pre-wrapСохраняются как в источникеСохраняются как в источникеПереноситсяВисят
pre-lineСохраняются как в источникеОбъединяются в один пробелПереноситсяУдаляются
break-spacesСохраняются как в источникеСохраняются как в источникеПереноситсяПереносятся
+ +

Формальный синтаксис

+ +
{{CSSSyntax}}
+ +

Примеры

+ +

Основной пример

+ +
code {
+  white-space: pre;
+}
+ +

Перенос строк внутри элементов {{HTMLElement("pre")}} 

+ +
pre {
+  word-wrap: break-word;      /* IE 5.5-7 */
+  white-space: pre-wrap;      /* текущие браузеры */
+}
+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('CSS3 Text', '#propdef-white-space', 'white-space')}}{{Spec2('CSS3 Text')}}Уточняется алгоритм переноса строк.
{{SpecName('CSS2.1', 'text.html#white-space-prop', 'white-space')}}{{Spec2('CSS2.1')}}Первоначальное определение
+ +

Браузерная совместимость

+ +

{{Compat("css.properties.white-space")}}

-- cgit v1.2.3-54-g00ecf