Перейти к содержанию

hyphens

Свойство hyphens сообщает браузеру, как расставлять переносы слов в блоке текста.

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

Демо

Текст

Синтаксис

1
2
3
4
5
6
7
8
9
/* Keyword values */
hyphens: none;
hyphens: manual;
hyphens: auto;

/* Global values */
hyphens: inherit;
hyphens: initial;
hyphens: unset;

Значения

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

Примечание

  • Internet Explorer поддерживает свойство -ms-hyphens.
  • Safari поддерживает свойство -webkit-hyphens.
  • Firefox поддерживает свойство -moz-hyphens.

Значение по-умолчанию:

1
hyphens: manual;

Применяется ко всем элементам

Спецификации

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8" />
    <title>hyphens</title>
    <style>
      p {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
      }
    </style>
  </head>
  <body>
    <p>
      Никотинамидадениндинуклеотидфосфат — широко
      распространённый в природе кофермент некоторых
      дегидрогеназ — ферментов, катализирующих
      окислительно-восстановительные реакции в живых
      клетках.
    </p>
  </body>
</html>

Комментарии