CSS свойство line-break

Свойство line-break определяет правила разрыва строки для китайского, японского и корейского текста, в особенности то, как перенос взаимодействует со знаками препинания и символами. Но эти языки имеют разные правила, и поэтому разрыв строк может и не произойти. Например, если установлено значение "strict", разрыв перед дефисом будет запрещен в китайском и японском.

CSS спецификация указывает правила только для китайского, японского и корейского.

Для максимальной совместимости браузера могут быть использованы расширения, например -webkit- для Safari, Google Chrome и Opera (новые версии), -moz- для Firefox, -o- для более старых версий Opera.

Line-break является устаревшим, вместо этого используйте свойство word-break.
Значение по умолчанию auto
Применяется Ко всем элементам.
Наследуется Да
Анимируемое Нет
Версия CSS3
DOM синтаксис object.style.lineBreak = "loose";

Синтаксис

line-break: auto | loose | normal | strict | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <style>
      .korean {
      line-break: strict;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства line-break</h2>
    <!--Be the change you want to see in the world.-->
    <span class="korean">세상에서 보고싶은 변화가 있다면 당신 스스로 그 변화가 되어라.</span>
  </body>
  </body>
</html>

Рассмотрим другой пример со свойством line-break

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      p {
      font-size:16px;
      line-height:24px;
      line-break: normal;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства line-break</h2>
    <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века.  </p>
  </body>
</html>

Значения

Значение Описание
auto Устанавливает разрыв текста, используя правило разрыва строки по умолчанию. Значение по умолчанию.
normal Устанавливает разрыв текста, используя менее ограничительное правило разрыва строк (например, как в газетах).
loose Устанавливает разрыв текста, используя наиболее распространенное правило разрыва строк.
strict Устанавливает разрыв текста, используя наиболее строгое правило разрыва строк.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome edge firefox safari opera
58.0+
1.0 -webkit-
14.0+ 45.0+

Практикуйте свои знания

Какие из следующих вариантов являются допустимыми значениями для свойства line-break в CSS?
Считаете ли это полезным?