hyphens

Оновлено: 21.12.2022

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

Коротка інформація

Значення за замовчуванням manual
Успадковуєтсья Так
Застосовується До всіх елементів
Анімується Ні

Синтаксис

hyphens: none | manual | auto

Значення

none Слова не переносяться, навіть за наявності в тексті м'яких переносів &shy;.
manual Перенесення слів у тексті відбуваються в тих місцях, де додано &shy; або <wbr>, якщо їх немає, то перенесення не робляться.
auto Браузер автоматично додає переноси слів на основі вбудованого словника переносів.

Приклад

Результат прикладу в браузері Internet Explorer показано на рис. 1.

Рис. 1. Перенесення слів

Об'єктна модель

Об'єкт.style.hyphens

Примітка

Internet Explorer і Edge підтримують властивість -ms-hyphens.

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

Safari підтримує властивість -webkit-hyphens.

Firefox до версії 43 підтримує властивість -moz-hyphens.м

Браузери

hyphens

Переглянути сумісність з Can I use?

hyphens