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