CSS-এ ওভারফ্লো কন্টেন্ট যেভাবে ইউজারকে সিগন্যাল করা হয় তা নির্ধারণ করা

text-overflow প্রপার্টিটি ওভারফ্লো কন্টেন্ট যা প্রদর্শিত হয় না, সেটি কীভাবে ইউজারকে সিগন্যাল করা হবে তা নির্ধারণ করতে ব্যবহৃত হয়।

উদাহরণ

CSS-এ text-overflow প্রপার্টিটি বাস্তবায়ন করতে নিচের কোডটি চালান:

<html>
  <head>
    <style>
      p.text1 {
        white-space: nowrap;
        width: 200px;
        border: 1px solid #000000;
        overflow: hidden;
        text-overflow: clip;
      }
      p.text2 {
        white-space: nowrap;
        width: 200px;
        border: 1px solid #000000;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    </style>
  </head>
  <body>
    <b>মূল টেক্সট:</b>
    <p>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>Text overflow:clip:</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>Text overflow:ellipsis</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>

আউটপুট