CSS list-style-position प्रॉपर्टी का उपयोग लिस्ट आइटम्स के मार्कर की स्थिति सेट करने के लिए किया जाता है। इस प्रॉपर्टी का डिफ़ॉल्ट मान outside है जो मार्कर को लिस्ट आइटम के बाहर सेट करता है। सिंटैक्स CSS list-style-position प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    list-style-pos

CSS list-style-image प्रॉपर्टी का उपयोग लिस्ट आइटम के लिए एक इमेज को मार्कर के रूप में सेट करने के लिए किया जाता है। सिंटैक्स CSS list-style-image प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    list-style-image: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS list-style-image प्रॉपर्टी को दर

सभी ब्राउज़र्स में इमेज मार्कर को सही ढंग से प्रदर्शित करने के लिए, एक क्रॉस-ब्राउज़र समाधान आवश्यक है। इमेज मार्कर के बाद टेक्स्ट अलाइनमेंट कभी-कभी विकृत हो जाता है। एक समान आउटपुट प्राप्त करने के लिए, हम मार्कर के रूप में उपयोग की जाने वाली इमेज को बैकग्राउंड के रूप में निर्दिष्ट करते हैं और उसे उ

CSS * सेलेक्टर एक यूनिवर्सल सेलेक्टर है जिसका उपयोग HTML DOM के सभी एलिमेंट्स को चुनने के लिए किया जाता है। सिंटैक्स CSS यूनिवर्सल सेलेक्टर का सिंटैक्स निम्नानुसार है: * {    /*declarations*/ } निम्नलिखित उदाहरण CSS यूनिवर्सल सेलेक्टर को दर्शाते हैं: उदाहरण <!DOCTYPE html> <html&g

CSS हमें बैकग्राउंड, list-style प्रॉपर्टीज, फॉन्ट स्टाइलिंग आदि निर्दिष्ट करके सूचियों को स्टाइल करने की अनुमति देता है। list-style प्रॉपर्टी list-style-type, list-style-image, और list-style-position को उसी क्रम में निर्दिष्ट करने का एक शॉर्टहैंड है। सिंटैक्स CSS list-style प्रॉपर्टी का सिंटैक्स निम

CSS list-style प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए list-style-type, list-style-position और list-style-image निर्दिष्ट करने के लिए किया जाता है। सिंटैक्स CSS list-style प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    list-style: /*value*/ } उदाहरण निम्नलिखित उदाहरण सूचियों की स्टाइलि

CSS3 में बॉर्डर इमेज जोड़ने के लिए border-image प्रॉपर्टी का उपयोग करें। यह निम्नलिखित प्रॉपर्टीज के लिए एक शॉर्टहैंड प्रॉपर्टी है: border-image-source border-image-slice border-image-width border-image-outset border-image-repeat मान निम्न प्रकार से सेट किए जा सकते हैं: border-image: source slice wi

रंग परिभाषा विधियाँ CSS3 में रंग परिभाषित करने के लिए RGB, RGBA, HSL, HSLA का उपयोग करें। साथ ही कलर वैल्यू और हेक्साडेसिमल वैल्यू भी उपयोग कर सकते हैं। RGBA कलर वैल्यू RGBA: Red, Green, Blue, Alpha। अल्फा रंग की अस्पष्टता है (0.0 से 1.0)। 1.0 पूर्ण अपारदर्शी के लिए। उदाहरण: RGBA <!DOCTYPE html

रिलेटिव लेंथ यूनिट्स CSS में रिलेटिव लेंथ यूनिट्स किसी अन्य लेंथ प्रॉपर्टी के सापेक्ष लंबाई निर्दिष्ट करने के लिए उपयोग की जाती हैं। क्र.यूनिट और विवरण 1emएलिमेंट के font-size के सापेक्ष, यानी 4em का अर्थ है वर्तमान फ़ॉन्ट आकार का 4 गुना। 2exवर्तमान फ़ॉन्ट के x-height के सापेक्ष। 3ch0 अक्षर की चौ

बैकग्राउंड स्टाइलिंग एलिमेंट्स के बैकग्राउंड को स्टाइल करने के लिए, आप बैकग्राउंड इमेज, बैकग्राउंड पोजीशन सेट कर सकते हैं। साथ ही, बैकग्राउंड रिपीट से इमेज को क्षैतिज या लंबवत रूप से दोहरा सकते हैं। background-position बैकग्राउंड इमेज की शुरुआती पोजीशन सेट करने के लिए background-position प्रॉपर्टी

चाइल्ड सिलेक्टर CSS चाइल्ड सिलेक्टर का उपयोग किसी विशेष पैरेंट एलिमेंट के सभी चाइल्ड एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है। सिंटैक्स element > element { /*declarations*/ } उदाहरण 1 <!DOCTYPE html> <html> <head> <style> * { padding: 5px; } article > div { border

पैडिंग शॉर्टहैंड CSS में padding प्रॉपर्टी आपको padding-top, padding-right, padding-bottom, padding-left एक साथ सेट करने की अनुमति देती है। यह एक शॉर्टहैंड प्रॉपर्टी है। उदाहरण: padding:10px 5px 7px 10px; टॉप पैडिंग: 10px राइट पैडिंग: 5px बॉटम पैडिंग: 7px लेफ्ट पैडिंग: 10px उदाहरण 1 <!DOCTYPE

बॉर्डर स्टाइलिंग हम किसी एलिमेंट के लिए बॉर्डर परिभाषित कर सकते हैं और CSS से उन्हें स्टाइल कर सकते हैं। CSS border प्रॉपर्टी border-width, border-style, border-color का शॉर्टहैंड है। इसके अलावा, इमेज को बॉर्डर के रूप में भी निर्दिष्ट किया जा सकता है। सिंटैक्स Selector { border: /*value*/ } उदाहरण

बॉर्डर शॉर्टहैंड CSS border प्रॉपर्टी किसी एलिमेंट के बॉर्डर प्रॉपर्टीज़ को परिभाषित करने के लिए उपयोग की जाती है। यह border-width, border-style, border-color का शॉर्टहैंड है। हम border-top, border-right आदि से व्यक्तिगत पक्षों को स्टाइल कर सकते हैं। सिंटैक्स Selector { border: /*value*/ } उदाहरण 1

बॉर्डर चौड़ाई CSS border-width प्रॉपर्टी का उपयोग किसी एलिमेंट के बॉर्डर की चौड़ाई निर्दिष्ट करने के लिए किया जाता है। हम border-top-width, border-right-width, border-bottom-width, border-left-width से व्यक्तिगत पक्षों की चौड़ाई भी सेट कर सकते हैं। सिंटैक्स Selector { border-width: /*value*/ } उदाह

background शॉर्टहैंड प्रॉपर्टी किसी एलिमेंट के बैकग्राउंड प्रॉपर्टीज़ को background एट्रिब्यूट से निर्दिष्ट करें। यह निम्न मान ले सकता है: background-color, background-image, background-repeat, background-position, background-clip, background-size, background-origin, background-attachment। सिंटैक्स

इंलाइन एलिमेंट्स ब्लॉक के विपरीत, इंलाइन एलिमेंट्स उसी लाइन में शुरू होते हैं और केवल आवंटित चौड़ाई लेते हैं। उदाहरण 1 <!DOCTYPE html> <html> <head> <style> span { background-color: orange; color: white; } p.demo { display: none; } span.demo1 { display: inline; } </style&

एलिमेंट हटाएं किसी एलिमेंट को हटाने के लिए CSS में display: none प्रॉपर्टी मान का उपयोग करें। उदाहरण 1 <!DOCTYPE html> <html> <head> <style> span { background-color: orange; color: white; } p.demo { display: none; } span.demo1 { display: inline; } </style> </head>

CSS display प्रॉपर्टी CSS display प्रॉपर्टी का उपयोग वेब पेज पर एलिमेंट्स की विजिबिलिटी नियंत्रित करने के लिए किया जाता है। इसके कुछ मान: क्र.प्रॉपर्टी मान और विवरण 1inlineएलिमेंट को इंलाइन एलिमेंट के रूप में प्रदर्शित करता है। 2blockएलिमेंट को ब्लॉक एलिमेंट के रूप में प्रदर्शित करता है। 3content

टेबल बॉर्डर CSS में टेबल पर बॉर्डर जोड़ने के लिए border प्रॉपर्टी का उपयोग करें। उदाहरण 1: सभी सेल्स पर बॉर्डर <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px dashed orange; } </style> </head> <body> <h2>Team Ranking Table</h2>