hyphens

Обновлено: 26.05.2022

hyphens

Свойство 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