Пример
Установить символ переноса:
<style>
div.a {
hyphenate-character: auto;
}
div.b {
hyphenate-character: "=";
}
</style>
<body>
<div class="a">Это оченьоченьочень­очень длинное слово.</div>
<div class="b">Это оченьоченьочень­очень длинное слово..</div>
</body>
Попробуйте сами »
Определение hyphenate-character
CSS свойство hyphenate-character определяет символ, используемый в конце строки, перед переносом.
| Значение по умолчанию: | auto |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS4 |
| JavaScript синтаксис: | object.style.hyphenateCharacter="/" |
Поддержка hyphenate-character
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| hyphenate-character | 106.0 | 106.0 | 98.0 | 17.0 | 92.0 |
Синтаксис hyphenate-character
hyphenate-character: auto|string|initial|inherit;
Значения hyphenate-character
| Значение | Описание | Демонстрация |
|---|---|---|
| auto | По умолчанию. Браузер выбирает соответствующий символ на основе текущих типографских соглашений | Демо ❯ |
| string | Символ, используемый в конце строки перед переносом | Демо ❯ |
| initial | Устанавливает для этого свойства значение по умолчанию. Читайте о initial | |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о inherit |