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

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>

Комментарии