Omadus word-break

Omadus word-break võimaldab poolitada pika sõna tähed uuele reale, kui see sõna ei mahu konteineri laiusesse.

Süntaks

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

Väärtus	Kirjeldus
`break-all`	Sunnib pikki sõnu poolituma uuele reale, kui see sõna ei mahu konteinerisse.
`keep-all`	Hieroglüüfide poolitamiseks.
`normal`	Vaikimisi käitumine: kui pikk sõna ei mahu konteineri laiusesse - see lihtsalt ulatub väljapoole selle piire (samal ajal kui see algab uuelt realt).

Vaikeväärtus: normal.

Selles näites väga pikk sõna ei mahu konteinerisse ja ulatub selle piiridest välja (samal ajal kui see algab uuelt realt):

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

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

Nüüd need tähed, mis ei mahtunud, lihtsalt poolitakse järgmisele reale:

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

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