css властивість line-break


Властивість line-break використовується для визначення способи (або можливості) розбити рядки при роботі з пунктуацією та символами. Це впливає лише на текст китайською, японською чи корейською мовами (CJK).

Зокрема, переривання рядків визначає, як обгортатиметься вміст, якщо він містить пунктуацію та символи.

Правила переривання рядків залежать від використовуваної мови. Різні мови мають різні правила / конвенції, за яких може відбуватися переривання рядків. Наприклад, якщо мова китайська чи японська, розриви перед дефісом, дозволяється, якщо line-break має значення normal або loose, але не strict.

Нотатка:

Оскільки специфікація цієї технології ще не стабілізувалася, перевірте таблицю сумісності з браузерами.

Також зауважте, що синтаксис і поведінка цієї технології можуть змінюватися в майбутніх версіях браузерів, через можливу зміну специфікації.

Синтакс

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

Властивість line-break може отримувати 7 значень:

auto

Браузер автоматично визначає переривання рядків.

loose

Розбиває текст з найменш обмежувальним набором правил розбиття. Це корисно для тих випадків, коли область вмісту є особливо вузькою, наприклад, при відображенні її в багатоколонному макеті.

normal

Розбиває текст, використовуючи найпоширеніший набір лінійних правил.

strict

Розбиває текст, використовуючи найсуворіший набір лінійних правил.

initial

Встановлює властивість у значення без задання.

inherit

Вказує на спадковість властивості від свого батьківського елемента.

unset

Комбінація ключових слів initial і inherit. Встановлює значення властивості як inherit, якщо властивість успадковується від свого батька, в іншому випадку значення встановлюється як initial.

Значення без задання: auto
Наслідує: Ні
Анімується: Так
JavaScript синтаксис: element.style.lineBreak = '';

Переглядачі

Переглядач
line-break

1.0

5.5

-

1.0

45.0


Мобільних переглядачів ще не додано.

Приклади


Динамічний приклад використання значень

Синтаксис властивості

p {
  line-break: strict;
}

Додаткові посилання

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів