-
CSS में फॉन्ट स्टाइल
CSS font-style प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट के लिए normal, italic या oblique स्टाइल स्पेसिफाई करने के लिए किया जाता है।सिंटैक्सCSS font-style प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-style: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS font-style प्रॉपर्टी को दर्शाते हैं:<!DOCTY
-
CSS से लिंक्स का कलर सेट करना
CSS हमें लिंक्स को कलर करने की अनुमति देता है। color प्रॉपर्टी का उपयोग किसी एलिमेंट में टेक्स्ट का कलर सेट करने के लिए किया जाता है।pseudo selectors का क्रम निम्न है: :link, :visited, :hover, :active।सिंटैक्सCSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { color: /*value*/ }उदाहरणनिम्नलिखित
-
CSS में आउटलाइन बनाम बॉर्डर
आउटलाइन स्पेस नहीं लेती और यदि बॉर्डर सेट है तो उसके चारों ओर डिस्प्ले होती है। इसका उपयोग एलिमेंट्स को हाइलाइट करने के लिए किया जाता है और हम स्पेसिफाई नहीं कर सकते कि इंडिविजुअल साइड्स में आउटलाइन होनी चाहिए या नहीं। बॉर्डर्स की तरह, आउटलाइन डिफ़ॉल्ट रूप से डिस्प्ले नहीं होती। कुछ ब्राउज़र्स में,
-
CSS में अनऑर्डर्ड और ऑर्डर्ड लिस्ट्स को फॉर्मेट करना
अनऑर्डर्ड और ऑर्डर्ड लिस्ट्स की स्टाइल और पोजिशन को CSS प्रॉपर्टीज़ list-style-type, list-style-image और list-style-position द्वारा फॉर्मेट किया जा सकता है।सिंटैक्सCSS list-style प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { list-style: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS list-style प्रॉपर्टी को
-
HTML लिस्ट्स के प्रकार
HTML में तीन प्रकार की लिस्ट्स होती हैं:अनऑर्डर्ड लिस्ट <ul>इस लिस्ट में बुलेट्स के साथ लिस्ट आइटम्स होते हैं जिनका कोई विशिष्ट क्रम नहीं होता।ऑर्डर्ड लिस्ट <ol>इस लिस्ट का उपयोग ऑर्डर्ड लिस्ट आइटम्स के लिए किया जाता है।डेफिनिशन लिस्ट <dl>इस लिस्ट का उपयोग टर्म्स के लिए डेफिनिशन्स
-
टेबल्स स्टाइल करने के लिए आवश्यक CSS प्रॉपर्टीज़
हम CSS का उपयोग करके टेबल्स के लिए स्टाइल्स परिभाषित कर सकते हैं। निम्नलिखित प्रॉपर्टीज़ अक्सर <table> और उसके एलिमेंट्स को स्टाइल करने के लिए उपयोग की जाती हैं:borderCSS border प्रॉपर्टी का उपयोग border-width, border-style और border-color को परिभाषित करने के लिए किया जाता है।border-collapseयह
-
CSS से Em का उपयोग करके फॉन्ट साइज़ सेट करना
स्केलेबल टेक्स्ट साइज़ के लिए, font-size को em में व्यक्त किया जाता है। डिफ़ॉल्ट रूप से एक em 16px या 12pt के बराबर होता है। इसका मान पैरेंट एलिमेंट के font-size के सापेक्ष होता है।सिंटैक्सCSS font-size प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-size: /*value*/ }उदाहरणनिम्नलिखित उदाहरण दर्श
-
CSS में पर्सेंटेज और Em का कॉम्बिनेशन उपयोग करना
हम एलिमेंट्स के फॉन्ट-साइज़ को स्पेसिफाई करने के लिए पर्सेंटेज और em के कॉम्बिनेशन का उपयोग कर सकते हैं ताकि फॉन्ट की बेहतर कम्पैटिबिलिटी हो। यह हमें अलग-अलग ब्राउज़र्स में यूनिफॉर्म टेक्स्ट रखने की अनुमति देता है।सिंटैक्सCSS font-size प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-size: /*valu
-
CSS में फॉन्ट वेट
CSS font-weight प्रॉपर्टी का उपयोग किसी एलिमेंट के टेक्स्ट कैरेक्टर्स की बोल्डनेस को परिभाषित करने के लिए किया जाता है।सिंटैक्सCSS font-weight प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { font-weight: /*value*/ }उदाहरणनिम्नलिखित उदाहरण font-weight प्रॉपर्टी को दर्शाते हैं:<!DOCTYPE html> <
-
CSS से बैकग्राउंड रिपीट
CSS background-repeat प्रॉपर्टी का उपयोग यह परिभाषित करने के लिए किया जाता है कि बैकग्राउंड इमेज खुद को कैसे रिपीट करती है।सिंटैक्सCSS background-repeat प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { background-repeat: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS background-repeat प्रॉपर्टी को दर्शाते हैं
-
CSS में एडजेसेंट सिबलिंग सिलेक्टर्स
CSS एडजेसेंट सिबलिंग सिलेक्टर का उपयोग किसी एलिमेंट के एडजेसेंट सिबलिंग को सिलेक्ट करने के लिए किया जाता है। इसका उपयोग केवल उन एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है जो पहले सिलेक्टर के तुरंत बाद आते हैं।सिंटैक्सCSS एडजेसेंट सिबलिंग सिलेक्टर का सिंटैक्स निम्नलिखित है:element + element { /*de
-
CSS से टेक्स्ट इंडेंटेशन
CSS text-indent प्रॉपर्टी हमें किसी एलिमेंट की पहली लाइन का इंडेंटेशन सेट करने में मदद करती है।सिंटैक्सCSS text-indent प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { text-indent: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS text-indent प्रॉपर्टी को दर्शाते हैं।<!DOCTYPE html> <html> <head&g
-
CSS से वर्ड स्पेसिंग
CSS word-spacing प्रॉपर्टी का उपयोग किसी एलिमेंट के शब्दों के बीच स्पेस स्पेसिफाई करने के लिए किया जाता है।सिंटैक्सCSS word-spacing प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { word-spacing: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS word-spacing प्रॉपर्टी को दर्शाते हैं:<!DOCTYPE html> <html
-
CSS से लिंक्स स्टाइल करना
CSS हमें लिंक्स को इच्छानुसार स्टाइल करने की अनुमति देता है। हम टेक्स्ट को फॉर्मेट कर सकते हैं, कलर, बैकग्राउंड जोड़ सकते हैं, साइज़ बढ़ा सकते हैं, आदि। इसके अलावा, विज़ुअल इफेक्ट बनाने के लिए एनिमेशन जोड़े जा सकते हैं।उचित कार्यक्षमता के लिए, pseudo selectors का क्रम निम्न है: :link, :visited, :hov
-
CSS से टेक्स्ट कलर सेट करना
CSS color प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए टेक्स्ट कलर सेट करने के लिए किया जाता है।सिंटैक्सCSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { color: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS color प्रॉपर्टी को दर्शाते हैं:<!DOCTYPE html> <html lang="en"> <head>
-
CSS से टेक्स्ट अलाइनमेंट सेट करना
CSS text-align प्रॉपर्टी का उपयोग करके हम किसी एलिमेंट के टेक्स्ट को हॉरिजॉन्टली सेट कर सकते हैं। हम इसे left, right, justify या center पर सेट कर सकते हैं।सिंटैक्सCSS text-align प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { text-align: /*value*/ }उदाहरणनिम्नलिखित उदाहरण CSS text-align प्रॉपर्टी को
-
CSS से Z-Index का उपयोग करके ओवरलैपिंग एलिमेंट्स
CSS Z-Index प्रॉपर्टी का उपयोग करके डेवलपर एलिमेंट्स को एक-दूसरे के ऊपर स्टैक कर सकते हैं। Z-Index का मान पॉजिटिव या नेगेटिव हो सकता है।नोट - यदि ओवरलैप होने वाले एलिमेंट्स में z-index स्पेसिफाई नहीं है तो वह एलिमेंट दिखेगा जो डॉक्यूमेंट में अंत में मेंशन किया गया है।उदाहरणआइए z-index प्रॉपर्टी का ए
-
CSS में ::first-letter Pseudo-element
यह CSS Pseudo Element किसी एलिमेंट के कंटेंट के पहले अक्षर को सिलेक्ट करता है। हालांकि, यह काम नहीं करता यदि एलिमेंट इनलाइन-लेवल है।उदाहरणआइए CSS ::first-letter pseudo element के लिए एक उदाहरण देखते हैं:<!DOCTYPE html> <html> <head> <style> div{ background-color: #32485d; bor
-
CSS से मीडिया-डिपेंडेंट स्टाइल शीट्स बनाना
मीडिया-डिपेंडेंट स्टाइलशीट्स बेसिक स्टाइलशीट्स ही होती हैं लेकिन ये HTML डॉक्यूमेंट पर तभी लागू होती हैं जब मीडिया टाइप उस डिवाइस टाइप से मेल खाता है जिस पर डॉक्यूमेंट विज़िबल है।हम निम्नलिखित मेथड्स से मीडिया-डिपेंडेंट स्टाइलशीट्स बना सकते हैं:@media At-rules का उपयोग करके@import At-rules का उपयोग
-
CSS में @media At-rules
CSS @media नियम का उपयोग एक ही स्टाइल शीट में विभिन्न मीडिया टाइप्स (जैसे print, screen, all, आदि) के लिए अलग-अलग स्टाइल्स स्पेसिफाई करने के लिए किया जाता है। यह आमतौर पर मीडिया टाइप्स की कॉमा-सेपरेटेड लिस्ट और CSS डिक्लेरेशन ब्लॉक द्वारा फॉलो किया जाता है जिसमें टारगेट मीडिया के लिए स्टाइल नियम होत