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