CSS свойство hyphens

Свойство hyphens сообщает браузеру, как расставлять переносы слов в блоке текста. Словарь переносов хранится в браузере и подключается только при наличии атрибута lang с кодом языка. Так, для русского языка следует добавить lang="ru" к элементу <html> или непосредственно к абзацу текста.

CSS синтаксис

hyphens: none | manual | auto;

Возможные значения

ЗначениеОписание
noneСлова не переносятся, даже при наличии в тексте мягких переносов &shy;.
manualЗначение по умолчанию. Переносы слов в тексте происходят в тех местах, где добавлен &shy; или <wbr>, если их нет, то переносы не делаются.
autoБраузер автоматически добавляет переносы слов на основе встроенного словаря переносов.

Пример использования

Устанавливаем автоматические перенносы слов


p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}