Za hyphensnadzor lastnine za deljenje besedila v elementih ravni blok. Preprečevanje lahko sploh preprečite, dovolite ali dovolite le, če so prisotni nekateri znaki.
Upoštevajte, da hyphensje jezik občutljiv. Njegova sposobnost iskanja priložnosti za odmor je odvisna od jezika, opredeljenega v langatributu nadrejenega elementa. Vsi jeziki še niso podprti in podpora je odvisna od določenega brskalnika.
Sintaksa
p ( hyphens: none | manual | auto )vezaji: noben
Besede pri prelomih vrstic nikoli niso vezane, tudi če znaki znotraj besede kažejo, kam bi lahko ali bi moralo iti.
vezaji: priročnik
Besede se lomijo samo pri prelomih vrstic, kjer so znotraj besede znaki, ki nakazujejo možnosti preloma vrstice. Dva znaka predlagata možnost preloma vrstice:
U+2010(HYPHEN): znak "trda" vezaj pomeni vidno možnost preloma vrstice. Tudi če črta takrat dejansko ni prekinjena, je vezaj še vedno upodobljen. Dobesedno "-".U+00AD(SHY): nevidna, "mehka" vezaj. Ta znak ni upodobljen vidno; namesto tega predlaga kraj, kjer se brskalnik po potrebi odloči za prelom besede. V HTML lahko-vstavite mehko vezaj.
vezaji: samodejno
Besede je mogoče lomiti na ustreznih vezajnih točkah, bodisi tako, kot jih določajo prenašalni znaki (glej zgoraj) v besedi, bodisi samodejno določi jezikovno ustrezen vir za prenašanje besed (če jih brskalnik podpira ali zagotavlja prek @hyphenation-resource).
Če so prisotni znaki za pogojno deljenje besed v besedi, imajo pri določanju točk za vezaj znotraj besede prednost pred samodejnimi viri.
vezaji: vse
Zastarelo, ne uporabljajte . To je bilo le v specifikaciji začasno za testiranje.
Demo
Spodnja predstavitev vsebuje kup odstavkov in vse je pripravljeno hyphens: auto;na prikaz koncepta vezaja. langAtribut je nastavljena enna matični element.
Podpora za brskalnik
Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.
Namizje
| Chrome | Firefox | IE | Rob | Safari |
|---|---|---|---|---|
| 88 | 6 * | 10 * | 12 * | 5,1 * |
Mobilni / tablični računalnik
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 4,2-4,3 * |
Safari 5+ zahteva -webkit-, Firefox 6+ zahteva -moz-, IE 10+ zahteva -ms-, iOS 4.2+ zahteva -webkit-.
Chrome <55 in brskalnik Android dejansko podpirata -webkit-hyphens: none, kar je privzeta vrednost, vendar nobena od ostalih vrednosti.
V Firefoxu in Internet Explorerju samodejno deljenje besed deluje samo za nekatere jezike (definirane z langatributom). Glejte to opombo za izčrpen seznam podprtih jezikov.
Če pišete spletni dokument, ki resnično potrebuje deljenje besed, lahko uporabite Hyphenator.js, ki je knjižnica, ki temelji na obsežnem slovarju, ki bo samodejno vbrizgal mehke vezaje in presledke nične širine v vašo vsebino.
Brez JavaScripta se boste morali zanašati na oboje hyphensin word-wrap:
.hyphenate ( word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; )