Savybė word-break

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

Sintaksė

selektorius {
	word-break: break-all | keep-all | normal;
}

Reikšmė	Aprašas
`break-all`	Priverčia ilgus žodžius persikelsti į naują eilutę, jei šis žodis netelpa į konteinerį.
`keep-all`	Hieroglifų perkėlimui.
`normal`	Standartinis elgesys: jei ilgas žodis netelpa į konteinerio plotį - jis tiesiog išeis už jo ribų (tuo pačiu prasidės nuo naujos eilutės).

Numatytoji reikšmė: normal.

Šiame pavyzdyje labai ilgas žodis netilps į konteinerį ir išeis už jo ribų (tuo pačiu prasidės nuo naujos eilutės):

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

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

O dabar tos raidės, kurios netilpo, tiesiog persikels į kitą eilutę:

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

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

savybė overflow-wrap,
kuri taip pat leidžia perkelti ilgo žodžio raides į naują eilutę
savybė hyphens,
kuri įjungia žodžių perkėlimą pagal skiemenis
savybė overflow,
kuri nukirpa išsikišusias už bloko ribų dalis
teg wbr,
kuris įgyvendina švelnius perkėlimus HTML priemonėmis
teg br,
kuriuo galima priverstinai priversti perkelti tekstą į naują eilutę