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

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

किसी भी एलिमेंट से पहले कुछ कंटेंट इन्सर्ट करने के लिए :before एलिमेंट का उपयोग करें।

उदाहरण

CSS से किसी एलिमेंट से पहले कंटेंट इन्सर्ट करने के लिए निम्न कोड चलाएं:

<html>
  <head>
    <style>
      p:before {
        content: url(/images/bullet.gif);
      }
    </style>
  </head>
  </head>
  <body>
    <p> इस लाइन से पहले एक बुलेट होगा।</p>
    <p> इस लाइन से पहले एक बुलेट होगा।</p>
    <p> इस लाइन से पहले एक बुलेट होगा।</p>
  </body>
</html>

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

  1. CSS से होवर पर एलिमेंट कैसे दिखाएं? CSS से होवर पर एलिमेंट कैसे दिखाएं?

    एडजेसेंट सिबलिंग सिलेक्टर (+) और :hover से एक तत्व पर होवर करने पर उसका अगला भाई तत्व दिखाएं। छुपे तत्व पर display: none, होवर पर display: block। उदाहरण <!DOCTYPE html> <html> <head> <style> body { margin: 20px; padding: 20px; font-family: Segoe UI, Tahoma, Geneva, Ve

  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

  1. CSS से स्टिकी एलिमेंट कैसे बनाएं? CSS से स्टिकी एलिमेंट कैसे बनाएं?

    CSS से स्टिकी एलिमेंट बनाने के लिए, कोड निम्नानुसार है -उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI"