Egenskapen word-break

Egenskapen word-break tillater å bryte bokstavene i et langt ord over på en ny linje, hvis ordet ikke får plass i beholderens bredde.

Syntaks

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

Verdi	Beskrivelse
`break-all`	Tvinger lange ord til å brytes over på en ny linje, hvis ordet ikke får plass i beholderen.
`keep-all`	For bryting av ideogrammer.
`normal`	Standard oppførsel: hvis et langt ord ikke får plass i beholderen i bredden - vil det enkelt og greit stikke utenfor dens grense (mens det starter på en ny linje).

Standardverdi: normal.

I dette eksemplet vil et veldig langt ord ikke få plass i beholderen og vil stikke utenfor dens grenser (mens det starter på en ny linje):

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

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

Men nå vil de bokstavene som ikke fikk plass, enkelt og greit bli flyttet til neste linje:

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

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

egenskapen overflow-wrap,
som også tillater å bryte bokstavene i et langt ord over på en ny linje
egenskapen hyphens,
som aktiverer orddeling med bindestrek
egenskapen overflow,
som klipper av deler som stikker utenfor blokkgrensen
taggen wbr,
som implementerer myke linjebrytninger ved hjelp av HTML
taggen br,
som kan brukes til å tvinge teksten til å brytes over på en ny linje