②Обработка пробелов и переносы строк: свойство white-space

Продолжим изучение темы CSS - текст. Если пропустили прошлую статью, то вот ссылка на неё:

①Преобразование текста: свойство text-transform

2. Обработка пробелов и переносы строк: свойство white-space

Свойство white-space обрабатывает пробелы между словами и переносы строк внутри элемента.

Свойство наследуется.

white-space

Значения:

normal - Значение по умолчанию. Между словами вставляется только по одному пробелу, дополнительные пробелы отбрасываются. Текст переносится только в случае необходимости.
nowrap - Запрещает переносы строк, за исключением применения <br>.
pre - Пробелы в тексте не игнорируются, браузер отображает дополнительные пробелы и переносы строк.
pre-wrap - Сохраняет пробелы в тексте, делая разрывы строк там, где это необходимо.
pre-line - Удаляет лишние пробелы, за исключением случаев <br>.
break-spaces - Поведение идентично pre-wrap, за исключением того, что: любая последовательность не удаляемых пробелов всегда занимает место, в том числе в конце строки; возможность переноса строки существует после каждого не удаляемого пробела, в том числе между пробелами.
initial - Устанавливает значение свойства в значение по умолчанию.
inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS

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;

Продолжение в следующей статье!