Пример
Установить различные переносы:
<style>
div.a {
hyphens: none;
}
div.b {
hyphens: manual;
}
div.c {
hyphens: auto;
}
</style>
<body>
<h2>hyphens: none</h2>
<div class="a">Это оченьоченьочень­очень длинное слово.</div>
<h2>hyphens: manual</h2>
<div class="b">Это оченьоченьочень­очень длинное слово.</div>
<h2>hyphens: auto</h2>
<div class="c">Это оченьоченьочень­очень длинное слово.</div>
</body>
Попробуйте сами »
Определение hyphens
CSS свойство hyphens определяет, разрешена ли расстановка переносов для создания более мягких возможностей переноса внутри строки текста.
| Значение по умолчанию: | manual |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.hyphens="none" |
Поддержка hyphens
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| hyphens | 55.0 | 79.0 10.0 -ms- |
43.0 | 17.0 5.1 -webkit- |
44.0 |
Синтаксис hyphens
hyphens: none|manual|auto|initial|inherit;
Значения hyphens
| Значение | Описание | Демонстрация |
|---|---|---|
| none | Слова не пишутся через дефис | Демо ❯ |
| manual | По умолчанию. Слова пишутся только через ‐ или ­ (при необходимости) | Демо ❯ |
| auto | Слова пишутся через дефис там, где алгоритм принимает решение (при необходимости) | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |