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

CSS :after स्यूडो-एलिमेंट

किसी एलिमेंट के बाद कंटेंट जोड़ने के लिए इस एलिमेंट का उपयोग करें। निम्नलिखित उदाहरण दर्शाता है कि किसी एलिमेंट के बाद कंटेंट जोड़ने के लिए :after एलिमेंट का उपयोग कैसे करें।

उदाहरण

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

  1. CSS में ::first-letter Pseudo-element CSS में ::first-letter Pseudo-element

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

  1. CSS पोजिशनिंग एलिमेंट्स (स्टेटिक, रिलेटिव, एब्सोल्यूट, फिक्स्ड) CSS पोजिशनिंग एलिमेंट्स (स्टेटिक, रिलेटिव, एब्सोल्यूट, फिक्स्ड)

    CSS position प्रॉपर्टी चार मान लेती है: static (डिफ़ॉल्ट, नॉर्मल फ्लो), relative (नॉर्मल फ्लो + ऑफसेट), absolute (पैरेंट के सापेक्ष, फ्लो से बाहर), fixed (व्यूपोर्ट के सापेक्ष, स्क्रॉल पर स्थिर)। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe U

  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