css властивість hyphens


Властивість hyphens контролює переноси тексту в елементах рівня блоку.

Властивість `hyphens`

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

Словник переносів зберігається в браузері і підключається при наявності атрибута lang з кодом мови. Так, для російського мови слід додати lang = "ru" до елементу <html> або безпосередньо до абзацу тексту. Правила переносів визначаються браузером і можуть розрізнятися.

Порада:

Також зверніть увагу на HTML-елемент <wbr>, який дозволяє встановити розрив рядку тексту, але не обов'язково з переносом тексту.

Нотатка:

Правила переносу тексту не визначаються специфікацією і можуть відрізнятися від браузера до браузера.

Нотатка:

Chrome та Opera підтримують виключно значення auto та тільки на платформах Android та Mac.

Нотатка:

Слова ніколи не переносяться на розривах рядків, навіть якщо символи всередині слів показують, де переноси можуть або повинні йти.

Синтаксис

hyphens: none | manual | auto;

Властивість hyphens може отримувати 3 значення:

none

Перенесення не відбувається, навіть якщо рядок не вміщається у контейнері.

manual

Перенесення відбувається лише коли у тексті наявні спеціальні символи, які явно вказують на можливість перенесення.

auto

Браузер автоматично вирішує можливість перенесення слів.

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

Переглядачі

Переглядач
hyphens

55

10 -ms-

43
6.0 -moz-

5.1 -webkit-

42

10.0 -ms-

Переглядач
hyphens

Не підтримується

6.0 -moz-

4.3 -webkit-


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

Приклади


Демонстрація дії значень властивості

Простий приклад використання властивості

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

p { 



  hyphens: auto; 



}

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