hyphens
Пример
Установить различные переносы:
<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 |