Savybė overflow-wrap

Savybė overflow-wrap leidžia perkelti ilgo žodžio raides į naują eilutę, jei šis žodis netelpa į konteinerio plotį.

Sintaksė

selektorius {
	overflow-wrap: break-word | normal;
}

Reikšmė	Aprašas
`break-word`	Priverčia ilgus žodžius persikelsti į naują eilutę, jei šis žodis netelpa į konteinerį. Šiuo atveju žodis prasidės naujoje eilutėje.
`normal`	Standartinis elgesys: jei ilgas žodis netelpa plotyje į konteinerį - jis tiesiog išeis už jo ribų (šiuo atveju prasidės naujoje eilutėje).

Numatytoji reikšmė: normal.

Šiame pavyzdyje labai ilgas žodis netilps į konteinerį ir išeis už jo ribų (šiuo atveju prasidės naujoje eilutėje):

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

#elem {
	word-wrap: normal;
	overflow-wrap: normal;
	border: 1px solid red;
	width: 200px;
}

O dabar tos raidės, kurios netilpo, tiesiog bus perkeltos į sekančią eilutę (šiuo atveju ilgas žodis vis tiek prasidės naujoje eilutėje):

<div id="elem">
	Lorem ipsum dolor sit amet
	loooooooooooooooooooooooooooooooongword,
	consectetur adipiscing elit.
</div>

#elem {
	overflow-wrap: break-word;
	border: 1px solid red;
	width: 200px;
}

savybė word-break,
kuri taip pat leidžia perkelti ilgo žodžio raides į naują eilutę
savybė word-wrap,
kuri yra pasenusi savybės overflow-wrap pavadinimas
savybė hyphens,
kuri įjungia žodžių perkėlimą pagal skiemenis
tegas wbr,
kuris įgyvendina švelnius perkėlimus HTML priemonėmis
tegas br,
kurio pagalba galima priverstinai priversti perkelti tekstą į naują eilutę