Atrybut CSS hyphenate-character

Definicja i użycie

hyphenate-character Atrybut ten jest używany do zdefiniowania znaku używanego do hyphenacji przed znakiem nowej linii.

Przykład

Ustawienie hyphenate-character

<style>
div.a {
  hyphenate-character: auto;
}
div.b {
  hyphenate-character: "=";
}
</style>
<body>
<div class="a">Bardzo, bardzo, bardzo długi słówko.</div>
<div class="b">Bardzo, bardzo, bardzo długi słówko.</div>
</body>

Spróbuj sam

Język CSS

hyphenate-character: auto|string|initial|inherit;

Wartość atrybutu

Wartość Opis
auto Domyślna wartość. Przeglądarka wybiera odpowiedni znak na podstawie bieżących zwyczajów wyrównywania.
string Określa znak używany do hyphenacji przed znakiem nowej linii.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz: initial
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz: inherit

Szczegóły techniczne

Domyślna wartość: auto
Inheritance: yes
Tworzenie animacji: Nie wspierane. Zobacz:Atrybuty animacji
Wersja: CSS4
Język JavaScript: object.style.hyphenateCharacter="/"

Wsparcie przeglądarki

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę właściwość.

Chrome Edge Firefox Safari Opera
106.0 106.0 98.0 17.0 92.0