CSS word-break ominaisuus

Määritelmä ja käyttö

word-break ominaisuus määrittelee automaattisen rivinvaihdon käsittelyn tavan.

Vinkki:word-break ominaisuuden avulla selain voi tehdä rivinvaihdon milloin tahansa sijainnissa.

Esimerkki

Rivinvaihdoissa käytetään sopivia katkaisukohtia:

p.test {word-break:hyphenate;}

Kokeile itse

CSS kieli

word-break: normal|break-all|keep-all;

Ominaisuuden arvo

Arvo Kuvaus
normal Käytetään selaimen oletusrivinvaihtosääntöjä.
break-all Sallii rivinvaihdon sanan sisällä.
keep-all Vain puolikokoisilla välilyönneillä tai viivoilla voidaan tehdä rivinvaihto.

Tekninen yksityiskohta

Oletusarvo: normal
Perintä: kyllä
Versio: CSS3
JavaScript kieli: object.style.wordBreak="keep-all"

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka täysin tukee kyseistä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 15.0 3.1 15.0