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

overflow-wrap প্রপার্টি,
যা একটি দীর্ঘ শব্দের অক্ষরগুলিকে নতুন লাইনে স্থানান্তর করতেও দেয়
hyphens প্রপার্টি,
যা সিলেবল দ্বারা শব্দ স্থানান্তর সক্ষম করে
overflow প্রপার্টি,
যা ব্লকের সীমানার বাইরে চলে যাওয়া অংশগুলি কেটে দেয়
wbr ট্যাগ,
যা HTML এর মাধ্যমে সফট ওয়ার্ড ব্রেক বাস্তবায়ন করে
br ট্যাগ,
যার সাহায্যে আপনি জোরপূর্বক পাঠ্যকে একটি নতুন লাইনে স্থানান্তর করতে বাধ্য করতে পারেন