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

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


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

  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