overflow-wrap প্রপার্টি
overflow-wrap প্রপার্টিটি একটি দীর্ঘ শব্দের অক্ষরগুলিকে নতুন লাইনে স্থানান্তর করতে দেয়, যদি
সেই শব্দটি কনটেইনারের প্রস্থে ফিট না হয়।
সিনট্যাক্স
সিলেক্টর {
overflow-wrap: break-word | normal;
}
মানসমূহ
| মান | বর্ণনা |
|---|---|
break-word |
দীর্ঘ শব্দগুলিকে নতুন লাইনে স্থানান্তর করতে বাধ্য করে, যদি সেই শব্দটি কনটেইনারে না fits। এক্ষেত্রে শব্দটি একটি নতুন লাইন থেকে শুরু হবে। |
normal |
স্ট্যান্ডার্ড আচরণ: যদি একটি দীর্ঘ শব্দ কনটেইনারের প্রস্থে ফিট না হয় - এটি সহজভাবে এর সীমানার বাইরে চলে যাবে (এক্ষেত্রে এটি একটি নতুন লাইন থেকে শুরু হবে)। |
ডিফল্ট মান: 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;
}
:
উদাহরণ . break-word মান
এবং এখন সেই অক্ষরগুলি, যা ফিট হচ্ছিল না, সেগুলি সহজভাবে পরবর্তী লাইনে স্থানান্তরিত হবে (এক্ষেত্রে দীর্ঘ শব্দটি এখনও একটি নতুন লাইন থেকে শুরু হবে):
<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প্রপার্টি,
যা একটি দীর্ঘ শব্দের অক্ষরগুলিকে নতুন লাইনে স্থানান্তর করতেও দেয় -
word-wrapপ্রপার্টি,
যা overflow-wrap প্রপার্টির একটি অবচেতিত নাম -
hyphensপ্রপার্টি,
যা সিলেবল দ্বারা শব্দ বিভাজন সক্রিয় করে -
wbrট্যাগ,
যা HTML এর মাধ্যমে নরম শব্দ বিভাজন বাস্তবায়ন করে -
brট্যাগ,
যার সাহায্যে আপনি জোরপূর্বক টেক্সটকে একটি নতুন লাইনে স্থানান্তর করতে বাধ্য করতে পারেন
