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