CSS :first-line स्यूडो-एलिमेंट का उपयोग

सिलेक्टर में टेक्स्ट की पहली लाइन में विशेष स्टाइल जोड़ने के लिए इस एलिमेंट का उपयोग करें। निम्न उदाहरण दर्शाता है कि डॉक्यूमेंट में एलिमेंट्स की पहली लाइन में विशेष प्रभाव जोड़ने के लिए :first-line एलिमेंट का उपयोग कैसे करें।

उदाहरण

<html>
  <head>
    <style>
      p:first-line {
        text-decoration: underline;
      }
      p.noline:first-line {
        text-decoration: none;
      }
    </style>
  </head>
  <body>
    <p class="noline"> इस लाइन में कोई अंडरलाइन नहीं होगी क्योंकि यह nline क्लास से संबंधित है।</p>
    <p>इस पैराग्राफ की पहली लाइन ऊपर दिए गए CSS नियम में परिभाषित अनुसार अंडरलाइन होगी। इस पैराग्राफ की बाकी लाइनें सामान्य रहेंगी। यह उदाहरण दिखाता है कि किसी भी HTML एलिमेंट की पहली लाइन को प्रभाव देने के लिए :first-line स्यूडो एलिमेंट का उपयोग कैसे करें।</p>
  </body>
</html>

नोट: :first-line केवल ब्लॉक-लेवल एलिमेंट्स पर काम करता है। आधुनिक CSS में इसे ::first-line (डबल कोलन) लिखा जाता है।