CSS :first-letter 슈ডো-এলিমেন্ট

এই এলিমেন্টটি ব্যবহার করে সিলেক্টরে টেক্সটের প্রথম অক্ষরে স্পেশাল স্টাইল যোগ করা যায়। নিচের উদাহরণটি দেখায় কিভাবে :first-letter এলিমেন্ট ব্যবহার করে ডকুমেন্টে এলিমেন্টের প্রথম অক্ষরে স্পেশাল ইফেক্ট যোগ করা যায়।

উদাহরণ

<html>
  <head>
    <style>
      p:first-letter {
        font-size: 5em;
      }
      p.normal:first-letter {
        font-size: 10px;
      }
    </style>
  </head>
  <body>
    <p class="normal"> এই প্যারাগ্রাফের প্রথম অক্ষর স্বাভাবিক হবে এবং ফন্ট সাইজ 10px হবে। </p>
    <p>এই প্যারাগ্রাফের প্রথম অক্ষর উপরের CSS নিয়মে সংজ্ঞায়িত 5em বড় হবে। এই প্যারাগ্রাফের বাকি অক্ষরগুলো স্বাভাবিক থাকবে। এই উদাহরণটি দেখায় কিভাবে :first-letter 슈ডো এলিমেন্ট ব্যবহার করে যেকোনো HTML এলিমেন্টের প্রথম অক্ষরে ইফেক্ট দেওয়া যায়। </p>
  </body>
</html>