Overflow-wrap xassəsi

overflow-wrap xassəsi konteynerin eninə sığmayan uzun sözün hərflərinin yeni sətirə köçürülməsinə imkan verir.

Sintaksis

selektor {
	overflow-wrap: break-word | normal;
}

Dəyər	İzah
`break-word`	Uzun sözlərin konteynerə sığmadıqda yeni sətirə köçürülməsini təmin edir. Bu zaman söz yeni sətirdən başlayacaq.
`normal`	Standart davranış: əgər uzun söz konteynerin eninə sığmırsa - onun sərhədlərindən kənara çıxacaq (bu zaman yeni sətirdən başlayacaq).

Susmaya görə dəyər: normal.

Bu nümunədə çox uzun söz konteynerə sığmayacaq və onun sərhədlərindən kənara çıxacaq (bu zaman yeni sətirdən başlayacaq):

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

İndi isə sığmayan həmin hərflər sadəcə növbəti sətirə köçürüləcək (bu zaman uzun söz yenə də yeni sətirdən başlayacaq):

<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 xassəsi,
bu da uzun sözün hərflərinin yeni sətirə köçürülməsinə imkan verir
word-wrap xassəsi,
bu da overflow-wrap xassəsinin köhnəlmiş adıdır
hyphens xassəsi,
bu sözlərin hecalara görə köçürülməsini aktivləşdirir
wbr teqi,
bu HTML vasitələri ilə yumşaq köçürmələri həyata keçirir
br teqi,
onun vasitəsilə mətnin yeni sətirə məcburi köçürülməsi təmin edilə bilər