Хосияти overflow-wrap

Хосияти overflow-wrap имкон медиҳад, ки ҳарфҳои калими дароз ба сатри нав гузаронида шаванд, агар ин калим ба паҳнои контейнер намесавад.

Синтаксис

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

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

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

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

<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;
}

Ва акнун он ҳарфҳое, ки намесавиданд, танҳо ба сатри нав гузаронида мешаванд (дар ин ҳолат калими дароз ҳамчонан аз сатри нав оғоз мешавад):

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

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

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