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

सीएसएस:छद्म तत्व से पहले

<घंटा/>

किसी तत्व से पहले कुछ सामग्री सम्मिलित करने के लिए इस तत्व का उपयोग करें। निम्न उदाहरण दर्शाता है कि किसी तत्व में कुछ सामग्री जोड़ने के लिए :before element का उपयोग कैसे किया जाता है।

उदाहरण

<html>
   <head>
      <style>
         p:before
         {
            content: url(/images/bullet.gif)
         }
      </style>
   </head>
   <body>
      <p> This line will be preceded by a bullet.</p>
      <p> This line will be preceded by a bullet.</p>
      <p> This line will be preceded by a bullet.</p>
   </body>
</html>

  1. सीएसएस में ::पहला-अक्षर छद्म-तत्व सीएसएस में ::पहला-अक्षर छद्म-तत्व

    यह सीएसएस छद्म तत्व किसी तत्व की सामग्री के पहले अक्षर का चयन करता है। हालांकि, यदि तत्व इनलाइन-स्तर है तो यह काम नहीं करता है। उदाहरण आइए CSS के लिए एक उदाहरण देखें ::प्रथम-अक्षर छद्म तत्व - <!DOCTYPE html> <html> <head> <style> div{    background-color: #32485d;

  1. सीएसएस पोजिशनिंग तत्व सीएसएस पोजिशनिंग तत्व

    पोजीशन प्रॉपर्टी का इस्तेमाल किसी एलीमेंट को पोजिशन करने के लिए किया जाता है। यानी निम्नलिखित पोजिशनिंग एलिमेंट हैं - स्थिर - एलिमेंट बॉक्स को सामान्य दस्तावेज़ प्रवाह के एक भाग के रूप में, पूर्ववर्ती तत्व और पूर्ववर्ती निम्नलिखित तत्वों का अनुसरण करते हुए रखा गया है। रिश्तेदार - एलिमेंट बॉक्स

  1. सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें? सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?

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