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ərlər
| 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.
Nümunə . Normal dəyəri
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;
}
:
Nümunə . Break-word dəyəri
İ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;
}
:
Həmçinin bax
-
word-breakxassəsi,
bu da uzun sözün hərflərinin yeni sətirə köçürülməsinə imkan verir -
word-wrapxassəsi,
bu da overflow-wrap xassəsinin köhnəlmiş adıdır -
hyphensxassəsi,
bu sözlərin hecalara görə köçürülməsini aktivləşdirir -
wbrteqi,
bu HTML vasitələri ilə yumşaq köçürmələri həyata keçirir -
brteqi,
onun vasitəsilə mətnin yeni sətirə məcburi köçürülməsi təmin edilə bilər