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

CSS word-break প্রপার্টি


word-break প্রপার্টিটি লাইন ব্রেক করতে ব্যবহৃত হয়।

উদাহরণ

নিচের কোডটি ওয়ার্ড ব্রেকিং-এর নমুনা কোড দেখাচ্ছে:

<html>
  <head>
    <style>
      p.text1 {
        width: 140px;
        border: 1px solid #000000;
        word-break: keep-all;
      }
      p.text2 {
        width: 140px;
        border: 1px solid #000000;
        word-break: break-all;
      }
    </style>
  </head>
  <body>
    <b>হাইফেনে লাইন ব্রেক:</b>
    <p class="text1">Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.</p>
    <b>যেকোনো ক্যারেক্টারে লাইন ব্রেক</b>
    <p class="text2">Tutorials Point originated from the idea that there exists a class of readers who respond better to online content and prefer to learn new skills at their own pace from the comforts of their drawing rooms.</p>
  </body>
</html>

আউটপুট

CSS word-break প্রপার্টি


  1. CSS grid-column-end প্রোপার্টির ব্যবহার

  2. CSS grid-area প্রোপার্টি

  3. CSS grid-auto-columns প্রপার্টি ব্যবহার

  4. CSS grid-auto-flow প্রপার্টি ব্যবহার