কম্পিউটার টিউটোরিয়াল

CSS-এ লাইন ব্রেক করে পরবর্তী লাইনে র‍‍্যাপ করা


word-wrap প্রপার্টিটি ব্যবহার করে লাইন ব্রেক করে পরবর্তী লাইনে র‍‍্যাপ করুন। CSS-এ word-wrap প্রপার্টিটি বাস্তবায়ন করতে নিচের কোডটি চালান:

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        width: 200px;
        border: 2px solid #000000;
      }
      div.b {
        word-wrap: break-word;
      }
    </style>
  </head>
  <body>
    <h2>word-wrap: break-word প্রপার্টি</h2>
    <div class="b"> ThisisdemotextThisisdemotext: thisisaveryveryveryveryveryverylongword. The long word wraps to the next line.</div>
  </body>
</html>

আউটপুট

CSS-এ লাইন ব্রেক করে পরবর্তী লাইনে র‍‍্যাপ করা


  1. CSS-এ outline-width প্রোপার্টি

  2. CSS border-color প্রপার্টি: বর্ডার রঙ এবং পক্ষাবদ্ধ রঙ

  3. CSS দিয়ে নেক্সট এবং প্রিভিয়াস বাটন তৈরি করার পদ্ধতি

  4. CSS hyphens প্রোপার্টি ব্যবহার করে টেক্সটে হাইফেন যোগ করা