A hyphenstulajdonság blokk szintű elemekben szabályozza a szöveg elválasztását. Megakadályozhatja, hogy az elválasztás egyáltalán előforduljon, engedélyezheti vagy csak bizonyos karakterek jelenlétében engedélyezheti.
Vegye figyelembe, hogy hyphensnyelvérzékeny. A szünetlehetőségek megtalálásának képessége langa szülőelem attribútumában meghatározott nyelvtől függ . Még nem minden nyelv támogatott, és a támogatás az adott böngészőtől függ.
Szintaxis
p ( hyphens: none | manual | auto )kötőjelek: nincsenek
A szavak sorrendben soha nem kerülnek elválasztásra, még akkor is, ha a szóban lévő karakterek azt sugallják, hogy merre lehet vagy kellene haladni az elválasztással.
kötőjelek: kézi
A szavakat csak a sortöréseknél törik meg, ahol a szóban olyan karakterek találhatók, amelyek sortörési lehetőségekre utalnak. Két karakter javasolja a sortörés lehetőségét:
U+2010(HYPHEN): a „kemény” kötőjel egy látható sortörési lehetőséget jelez. A kötőjel akkor is megjelenik, ha a vonal valóban nem szakad meg ezen a ponton. Szó szerint egy „-“.U+00AD(Félénk): láthatatlan, „puha” kötőjel. Ez a karakter nem láthatóan jelenik meg; ehelyett azt a helyet javasolja, ahol a böngésző választhatja a szó törését, ha szükséges. A HTML-ben-puha kötőjel beszúrására használható .
kötőjelek: auto
A szavakat meg lehet szakítani a megfelelő elválasztási pontokon, akár elválasztó karakterek (lásd fent) a szó belsejében, akár a nyelvnek megfelelő elválasztási erőforrások által automatikusan meghatározva (ha a böngésző támogatja vagy biztosítja @hyphenation-resource).
A szóban lévő feltételes elválasztási karakterek, ha vannak, elsőbbséget élveznek az automatikus forrásokkal szemben, amikor meghatározzák a szóban lévő elválasztási pontokat.
kötőjelek: mind
Elavult, ne használja . Ez csak a specifikációban volt ideiglenesen tesztelés céljából.
Demó
Az alábbi bemutatóban rengeteg bekezdés található, és minden úgy van beállítva, hyphens: auto;hogy bemutassa az elválasztás fogalmát. Az langattribútum ena szülő elemre van állítva .
Böngésző támogatás
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| 88 | 6 * | 10 * | 12 * | 5,1 * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81. | 4,2–4,3 * |
A Safari 5+ szükséges -webkit-, a Firefox 6+ -moz-, az IE 10+ -ms-, az iOS 4.2+ szükséges -webkit-.
A Chrome <55 és az Android böngésző valóban támogatja -webkit-hyphens: noneaz alapértelmezett értéket, de a többi érték egyikét sem.
A Firefoxban és az Internet Explorerben az automatikus elválasztás csak néhány (az langattribútummal definiált ) nyelv esetében működik . A támogatott nyelvek átfogó listáját lásd ebben a megjegyzésben.
Ha olyan webalapú dokumentumot ír, amelyhez valóban elválasztás szükséges, akkor használhatja a Hyphenator.js fájlt, amely egy hatalmas szótáron alapuló könyvtár, amely automatikusan puha kötőjeleket és nulla szélességű szóközöket injektál a tartalmába.
JavaScript nélkül mindkettőre hyphensés word-wrap:
.hyphenate ( word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; )