CSS overflow-wrap ominaisuus

Määritelmä ja käyttö

overflow-wrap Ominaisuus määrittää, voidaanko selaimen vaihtaa riville pitkät sanat, kun ne ylittävät konttorin.

Esimerkki

Sallii selaimen vaihtaa riville pitkät sanat, kun ne ylittävät konttorin:

div {
  overflow-wrap: break-word;
}

Kokeile itse

CSS-kieli

overflow-wrap: normal|anywhere|break-word|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
normal Pitkät sanat eivät vaihda riville, vaikka ne ylittävät konttorin. Oletusarvo.
anywhere Jos pitkä sana ylittää konttorin, sen pitää vaihtaa uuteen riviin.
break-word Jos pitkä sana ylittää konttorin, sen pitää vaihtaa uuteen riviin.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen tarkistus

Oletusarvo: normal
Perinnäisyys: Kyllä
Animaation tekeminen: Ei tuettu. Katso:Animaatiotunnukset.
Versio: CSS3
JavaScript-kieli: object.style.overflowWrap="normal"

Selaimen tuki

Taulukossa olevat luvut ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
23.0 18.0 49.0 6.1 6.1

12.1

Liittyvät sivutOppitunti: