css властивість hyphens
Властивість hyphens контролює переноси тексту в елементах рівня блоку.
Ви можете заборонити перенесення, контролювати його або дозволити браузеру автоматично вставляти дефіс, де це можливо.
Словник переносів зберігається в браузері і підключається при наявності атрибута lang з кодом мови. Так, для російського мови слід додати lang = "ru" до елементу <html> або безпосередньо до абзацу тексту. Правила переносів визначаються браузером і можуть розрізнятися.
| Порада: | Також зверніть увагу на HTML-елемент |
| Нотатка: | Правила переносу тексту не визначаються специфікацією і можуть відрізнятися від браузера до браузера. |
| Нотатка: | Chrome та Opera підтримують виключно значення |
| Нотатка: | Слова ніколи не переносяться на розривах рядків, навіть якщо символи всередині слів показують, де переноси можуть або повинні йти. |
Синтаксис
hyphens: none | manual | auto;Властивість hyphens може отримувати 3 значення:
noneПеренесення не відбувається, навіть якщо рядок не вміщається у контейнері.
manualПеренесення відбувається лише коли у тексті наявні спеціальні символи, які явно вказують на можливість перенесення.
autoБраузер автоматично вирішує можливість перенесення слів.
| Значення без задання: | manual |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | block.style.hyphens = ''; |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| hyphens | 55 |
10 -ms- |
43 |
5.1 -webkit- |
42 |
10.0 -ms- |
| Переглядач | |||
|---|---|---|---|
| hyphens | Не підтримується |
6.0 -moz- |
4.3 -webkit- |
Мобільних переглядачів ще не додано.
Приклади
Демонстрація дії значень властивості
Простий приклад використання властивості
Синтаксис властивості
p {
hyphens: auto;
}