overflow-wrap প্রপার্টি

overflow-wrap প্রপার্টিটি একটি দীর্ঘ শব্দের অক্ষরগুলিকে নতুন লাইনে স্থানান্তর করতে দেয়, যদি সেই শব্দটি কনটেইনারের প্রস্থে ফিট না হয়।

সিনট্যাক্স

cssসিলেক্টর {
  overflow-wrap: break-word | normal;
}

মানসমূহ

ডিফল্ট মান: normal।

উদাহরণ . normal মান

এই উদাহরণে, একটি খুব দীর্ঘ শব্দ কনটেইনারে ফিট হবে না এবং এর সীমানার বাইরে চলে যাবে (এক্ষেত্রে এটি একটি নতুন লাইন থেকে শুরু হবে):

html<div id="elem">
  Lorem ipsum dolor sit amet
  loooooooooooooooooooooooooooooooongword,
  consectetur adipiscing elit.
</div>

css#elem {
  word-wrap: normal;
  overflow-wrap: normal;
  border: 1px solid red;
  width: 200px;
}

Результат:

উদাহরণ . break-word মান

এবং এখন সেই অক্ষরগুলি, যা ফিট হচ্ছিল না, সেগুলি সহজভাবে পরবর্তী লাইনে স্থানান্তরিত হবে (এক্ষেত্রে দীর্ঘ শব্দটি এখনও একটি নতুন লাইন থেকে শুরু হবে):

html<div id="elem">
  Lorem ipsum dolor sit amet
  loooooooooooooooooooooooooooooooongword,
  consectetur adipiscing elit.
</div>

css#elem {
  overflow-wrap: break-word;
  border: 1px solid red;
  width: 200px;
}

Результат:

আরও দেখুন