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	Значение элемента наследуется от родительского элемента.