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;
}