CSS-এ সিলেক্টরে টেক্সটের প্রথম লাইনে স্পেশাল স্টাইল যোগ করার এলিমেন্ট

ডকুমেন্টে এলিমেন্টের প্রথম লাইনে স্পেশাল ইফেক্ট যোগ করতে :first-line এলিমেন্টটি ব্যবহার করুন।

উদাহরণ

টেক্সটের প্রথম লাইনে স্পেশাল স্টাইল যোগ করার জন্য নিচের কোডটি চালান:

<html>
  <head>
    <style>
      p:first-line {
        text-decoration: underline;
      }
      p.noline:first-line {
        text-decoration: none;
      }
    </style>
  </head>
  <body>
    <p class="noline"> এই লাইনে কোনো আন্ডারলাইন হবে না কারণ এটি noline ক্লাসের অন্তর্গত।</p>
    <p>এই প্যারাগ্রাফের প্রথম লাইন আন্ডারলাইন থাকবে যেমনটি উপরের CSS নিয়মে সংজ্ঞায়িত। এই প্যারাগ্রাফের বাকি লাইনগুলো স্বাভাবিক থাকবে। এই উদাহরণটি দেখায় কিভাবে :first-line 슈ডো এলিমেন্ট ব্যবহার করে যেকোনো HTML এলিমেন্টের প্রথম লাইনে ইফেক্ট দেওয়া যায়।</p>
  </body>
</html>