Свойство hyphens сообщает браузеру, как расставлять переносы слов в блоке текста. Словарь переносов хранится в браузере и подключается только при наличии атрибута lang с кодом языка. Так, для русского языка следует добавить lang="ru" к элементу <html> или непосредственно к абзацу текста.
CSS синтаксис
hyphens: none | manual | auto;
Возможные значения
| Значение | Описание |
|---|---|
| none | Слова не переносятся, даже при наличии в тексте мягких переносов ­. |
| manual | Значение по умолчанию. Переносы слов в тексте происходят в тех местах, где добавлен ­ или <wbr>, если их нет, то переносы не делаются. |
| auto | Браузер автоматически добавляет переносы слов на основе встроенного словаря переносов. |
Пример использования
Устанавливаем автоматические перенносы слов
p {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
