Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS से सिलेक्टर में टेक्स्ट के पहले अक्षर को स्टाइल करने के लिए कौन सा एलिमेंट उपयोग होता है

डॉक्यूमेंट में एलिमेंट्स के पहले अक्षर में विशेष प्रभाव जोड़ने के लिए :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 बड़ा होगा। इस पैराग्राफ के बाकी अक्षर सामान्य रहेंगे। यह उदाहरण दिखाता है कि किसी भी HTML एलिमेंट के पहले अक्षरों को प्रभाव देने के लिए :first-letter स्यूडो एलिमेंट का उपयोग कैसे करें।</p>
  </body>
</html>

व्याख्या: पहला पैराग्राफ .normal क्लास का उपयोग करता है जो पहले अक्षर को 10px पर सेट करता है, जबकि दूसरा पैराग्राफ डिफ़ॉल्ट 5em आकार का उपयोग करता है।

  1. - CSS के साथ टेक्स्ट चयन सक्षम या अक्षम करें

    CSS user-select प्रॉपर्टी का उपयोग यह नियंत्रित करने के लिए किया जाता है कि किसी तत्व का टेक्स्ट उपयोगकर्ता द्वारा चुना जा सकता है या नहीं। यह UI तत्वों में आकस्मिक चयन को रोकने के लिए उपयोगी है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { user-

  1. CSS से टेक्स्ट बटन कैसे स्टाइल करें? CSS से टेक्स्ट बटन कैसे स्टाइल करें?

    CSS का उपयोग करके विभिन्न रंगों और शैलियों के टेक्स्ट बटन बनाए जा सकते हैं। इस उदाहरण में पांच अलग-अलग प्रकार के बटन (Success, Info, Warning, Danger, Default) दिखाए गए हैं जिनमें होवर इफेक्ट भी शामिल है। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=

  1. CSS से hr एलिमेंट स्टाइल करना CSS से hr एलिमेंट स्टाइल करना

    hr स्टाइलिंग CSS से <hr> एलिमेंट को स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <meta name=viewport content=width=device-width, initial-scale=1> <head> <style> body{ font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20