Хусусияти word-break

Хусусияти word-break ба ҳарфҳои калимаи тӯлонӣ имкон медиҳад, ки ба сатри нав интиқол дода шаванд, агар ин калима ба паҳнои контейнер ҷой нашавад.

Синтаксис

интихобкунанда {
	word-break: break-all | keep-all | normal;
}

Қимат	Тавсиф
`break-all`	Калимаҳои тӯлониро маҷбур мекунад, ки ба сатри нав интиқол дода шаванд, агар ин калима ба контейнер ҷой нашавад.
`keep-all`	Барои интиқоли иероглифҳо.
`normal`	Рафтори стандартӣ: агар калимаи тӯлонӣ ба паҳноӣ ба контейнер ҷой нашавад - он содда берун аз ҳудуди он мебарояд (дар ҳоле ки аз сатри нав оғоз мешавад).

Қимати пешфарз: normal.

Дар ин намуна калимаи хеле тӯлонӣ ба контейнер ҷой намешавад ва берун аз ҳудуди он мебарояд (дар ҳоле ки аз сатри нав оғоз мешавад):

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

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

Ва акнун ҳарфҳое, ки ҷой намешаванд, содда ба сатри нав интиқол дода мешаванд:

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

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

хусусияти overflow-wrap,
ки инчунин ба ҳарфҳои калимаи тӯлонӣ имкон медиҳад, ки ба сатри нав интиқол дода шаванд
хусусияти hyphens,
ки интиқоли калимаҳоро бо ҳиҷо фаъол мекунад
хусусияти overflow,
ки қисмҳои берун аз ҳудуди блокро мебурад
теги wbr,
ки интиқоли нармро бо воситаҳои HTML амалӣ мекунад
теги br,
ки бо ёрии он метавон матнро ба сатри нав маҷбуран интиқол дод