hyphens

Указываем, как браузеру следует переносить слова, если они не поместились в элемент.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Свойство hyphens определяет как будут переноситься слова через дефис если строка не помещается в родительский контейнер. Слова могут не переноситься совсем, переноситься только в местах, где вручную проставлены символы переноса или позволит браузеру самому определить места переноса.

Как пишется

Скопировано

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

  • none — слова не разрываются при переносе текста.
  • manual — значение по умолчанию, слова будут переноситься только в местах, где проставлены переносы.
  • auto — браузер сам решает как переносить слова.

Символы ручного указания на перенос:

  • ‐ — жёсткий разрыв строки, отображается дефис, даже если фактического переноса в этом месте нет.
  • ­ — невидимый, мягкий перенос, визуально не отображается. Если браузеру понадобиться разорвать слово для переноса, то он будет ориентироваться на указанное место.