CSS hyphenate-character ominaisuus

Määrittely ja käyttö

hyphenate-character Ominaisuus määrittelee merkin, jota käytetään lyhenteen katkaisukohtana ennen rivinvaihtoa.

Esimerkki

Aseta hyphenate-character:

<style>
div.a {
  hyphenate-character: auto;
}
div.b {
  hyphenate-character: "=";
}
</style>
<body>
<div class="a">Erittäin pitkä sana.</div>
<div class="b">Erittäin pitkä sana.</div>
</body>

Kokeile itse!

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
auto Oletusarvo. Selain valitsee sopivan merkin nykyisen typografian perusteella.
string Määritä merkki, jota käytetään lyhenteen katkaisukohtana ennen rivinvaihtoa.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: kyllä
Animaation tekeminen: Ei tuettu. Katso:Animaatiot.
Versio: CSS4
JavaScript-kieli: object.style.hyphenateCharacter="/"

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
106.0 106.0 98.0 17.0 92.0