-
CSS में List Markers की स्थिति बदलना
CSS सूची-शैली-स्थिति गुण का उपयोग सूची वस्तुओं की मार्कर स्थिति निर्धारित करने के लिए किया जाता है। इस संपत्ति के लिए डिफ़ॉल्ट मान बाहर है जो सूची आइटम के बाहर मार्कर सेट करता है। सिंटैक्स CSS सूची-शैली-स्थिति गुण का सिंटैक्स इस प्रकार है - Selector { list-style-position: /*value*/ } उ
-
CSS में इमेज को लिस्ट मार्कर के रूप में उपयोग करना
CSS सूची-शैली-छवि गुण का उपयोग सूची आइटम के लिए एक छवि को मार्कर के रूप में सेट करने के लिए किया जाता है। सिंटैक्स CSS लिस्ट-स्टाइल-इमेज प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { सूची-शैली-छवि:/*मान*/} उदाहरण निम्नलिखित उदाहरण CSS सूची-शैली-छवि गुण को दर्शाते हैं - ul { चौड़ाई:150px; सूची-शै
-
CSS में छवि मार्कर के लिए क्रॉस ब्राउज़र समाधान
सभी ब्राउज़रों में एक छवि मार्कर को ठीक से प्रदर्शित करने के लिए, एक क्रॉस-ब्राउज़र समाधान की आवश्यकता होती है। छवि मार्कर के बाद पाठ संरेखण कभी-कभी विकृत हो जाता है। एक समान आउटपुट प्राप्त करने के लिए, हम छवि को पृष्ठभूमि के रूप में मार्कर के रूप में उपयोग करने के लिए निर्दिष्ट करते हैं और तदनुसार
-
सीएसएस में यूनिवर्सल चयनकर्ता
CSS * चयनकर्ता एक सार्वभौमिक चयनकर्ता है जिसका उपयोग HTML DOM के सभी तत्वों को चुनने के लिए किया जाता है। सिंटैक्स CSS यूनिवर्सल सेलेक्टर का सिंटैक्स इस प्रकार है - * { /*घोषणाएं*/} निम्नलिखित उदाहरण सीएसएस सार्वभौमिक चयनकर्ता को दर्शाते हैं - उदाहरण * { मार्जिन:15px; पैडिंग:5px; सीमा:2px ठोस काला
-
CSS में स्टाइलिंग सूचियाँ
CSS हमें बैकग्राउंड, लिस्ट-स्टाइल प्रॉपर्टीज, फॉन्ट स्टाइल आदि निर्दिष्ट करके लिस्ट को स्टाइल करने की अनुमति देता है। लिस्ट-स्टाइल प्रॉपर्टी लिस्ट-स्टाइल-टाइप, लिस्ट-स्टाइल को निर्दिष्ट करने के लिए शॉर्टहैंड है। -छवि, और सूची-शैली-स्थिति एक ही क्रम में। सिंटैक्स CSS लिस्ट-स्टाइल प्रॉपर्टी का सिंटैक
-
CSS में लिस्ट-स्टाइल शॉर्टहैंड प्रॉपर्टी
सीएसएस सूची-शैली गुण का उपयोग किसी तत्व के लिए सूची-शैली-प्रकार, सूची-शैली-स्थिति और सूची-शैली-छवि निर्दिष्ट करने के लिए किया जाता है। सिंटैक्स CSS लिस्ट-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है- चयनकर्ता { सूची-शैली:/*value*/} उदाहरण निम्नलिखित उदाहरण सूचियों की शैली को स्पष्ट करते हैं - body {
-
CSS3 बॉर्डर इमेज जोड़ना
CSS3 में बॉर्डर इमेज जोड़ने के लिए, बॉर्डर-इमेज प्रॉपर्टी का उपयोग करें। यह निम्नलिखित गुणों के लिए एक आशुलिपि संपत्ति है - बॉर्डर-इमेज-सोर्सबॉर्डर-इमेज-स्लाइसबॉर्डर-इमेज-चौड़ाईबॉर्डर-इमेज-आउटसेटबॉर्डर-इमेज-रिपीट मानों को इस प्रकार सेट किया जा सकता है; बॉर्डर-इमेज:सोर्स स्लाइस चौड़ाई आउटसेट रिपीट|प
-
CSS3 में रंगों को परिभाषित करना
CSS3 में रंगों को परिभाषित करने के लिए RGB, RGBA, HSL और HSLA का उपयोग करें। इसके साथ, आप रंग मान का उपयोग कर सकते हैं और हेक्साडेसिमल मान का उपयोग रंगों को परिभाषित करने के लिए भी किया जा सकता है - CSS3 आरजीबीए रंग मान लाल, हरा, नीला और अल्फा के लिए है। अल्फा रंग अस्पष्टता है यानी 0.0 और 1.0 के बी
-
CSS में सापेक्ष लंबाई इकाइयाँ
सीएसएस में सापेक्ष लंबाई इकाइयों का उपयोग किसी अन्य लंबाई संपत्ति के सापेक्ष लंबाई निर्दिष्ट करने के लिए किया जाता है। Sr.No इकाई और विवरण 1 उन्हें तत्व के फ़ॉन्ट-आकार के सापेक्ष यानी 4em का अर्थ वर्तमान फ़ॉन्ट के आकार का 4 गुना है। 2 पूर्व वर्तमान फ़ॉन्ट की x-ऊंचाई के सापेक्ष 3 ch 0 . की
-
CSS का उपयोग करने वाले तत्वों की स्टाइलिंग पृष्ठभूमि
तत्वों की पृष्ठभूमि शैली के लिए, आप पृष्ठभूमि छवि, पृष्ठभूमि स्थिति सेट कर सकते हैं। इसके साथ, छवि को क्षैतिज या लंबवत रूप से दोहराने के लिए बैकग्राउंड रिपीट भी सेट करें। पृष्ठभूमि-स्थिति बैकग्राउंड पोजीशन एक बैकग्राउंड इमेज की शुरुआती पोजीशन सेट करने के लिए है। इसके लिए बैकग्राउंड-पोजिशन प्रॉपर्टी
-
सीएसएस में बाल चयनकर्ता
CSS चाइल्ड सिलेक्टर का उपयोग किसी विशेष पैरेंट एलिमेंट वाले सभी चाइल्ड एलिमेंट को चुनने के लिए किया जाता है। सिंटैक्स CSS चाइल्ड सिलेक्टर का सिंटैक्स इस प्रकार है- तत्व {/*घोषणाएं*/} उदाहरण निम्नलिखित उदाहरण CSS वंशज चयनकर्ता को दर्शाते हैं - p {फ़ॉन्ट-आकार:20px; फ़ॉन्ट-शैली:इटैलिक; बॉक्स-छाया:इ
-
सीएसएस में पैडिंग शॉर्टहैंड प्रॉपर्टी
सीएसएस में पैडिंग प्रॉपर्टी आपको पैडिंग-टॉप, पैडिंग-राइट, पैडिंग-बॉटम, पैडिंग-लेफ्ट के लिए पैडिंग सेट करने की अनुमति देती है। यह एक आशुलिपि संपत्ति है। आइए पहले एक उदाहरण देखें - उदाहरण के लिए:पैडिंग:10px 5px 7px 10px; यहाँ, top padding is 10px right padding is 5px bottom padding is 7px left pad
-
CSS का उपयोग करके बॉर्डर कैसे बनाएं और स्टाइल करें?
हम किसी तत्व के लिए बॉर्डर परिभाषित कर सकते हैं और CSS का उपयोग करके उन्हें स्टाइल कर सकते हैं। CSS बॉर्डर प्रॉपर्टी का उपयोग किसी तत्व के बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह सीमा-चौड़ाई, सीमा-शैली और सीमा-रंग के लिए एक आशुलिपि है। इसके अलावा, छवियों को सीमा के रूप में निर्दिष
-
सीएसएस सीमा गुण
CSS बॉर्डर प्रॉपर्टी का उपयोग किसी तत्व के बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह सीमा-चौड़ाई, सीमा-शैली और सीमा-रंग के लिए एक आशुलिपि है। हम बॉर्डर-टॉप, बॉर्डर-राइट, आदि जैसे साइड-विशिष्ट गुणों का उपयोग करके अलग-अलग पक्षों को स्टाइल कर सकते हैं। सिंटैक्स CSS बॉर्डर प्रॉपर्टी का
-
सीएसएस में सीमा-चौड़ाई वाली संपत्ति
CSS बॉर्डर-चौड़ाई गुण का उपयोग किसी तत्व की सीमा के लिए चौड़ाई निर्दिष्ट करने के लिए किया जाता है। हम बॉर्डर-टॉप-चौड़ाई, बॉर्डर-राइट-चौड़ाई, बॉर्डर-लेफ्ट-चौड़ाई और बॉर्डर-राइट-चौड़ाई गुणों का उपयोग करके अलग-अलग पक्षों के लिए चौड़ाई भी सेट कर सकते हैं। सिंटैक्स CSS बॉर्डर-चौड़ाई प्रॉपर्टी का सिंटैक्
-
CSS में तत्वों की स्टाइलिंग पृष्ठभूमि
हम बैकग्राउंड एट्रिब्यूट का उपयोग करके किसी एलीमेंट के बैकग्राउंड प्रॉपर्टीज को निर्दिष्ट कर सकते हैं। यह निम्न के लिए मान ले सकता है:बैकग्राउंड-कलर, बैकग्राउंड-इमेज, बैकग्राउंड-रिपीट, बैकग्राउंड-पोजिशन, बैकग्राउंड-क्लिप, बैकग्राउंड-साइज़, बैकग्राउंड-ओरिजिन और बैकग्राउंड-अटैचमेंट। सिंटैक्स CSS बैकग
-
CSS का उपयोग करके इनलाइन प्रदर्शित करें
ब्लॉक के विपरीत, इनलाइन तत्व एक ही पंक्ति में शुरू होते हैं और केवल आवंटित चौड़ाई लेते हैं। आइए अब डिस्प्ले को लागू करने के लिए एक उदाहरण देखें:सीएसएस में इनलाइन प्रॉपर्टी वैल्यू - उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> span { back
-
CSS में कोई नहीं प्रदर्शित करें
किसी एलीमेंट को हटाने के लिए, CSS में डिस्प्ले नो प्रॉपर्टी वैल्यू का उपयोग करें। आइए कोई भी संपत्ति मूल्य लागू करने के लिए एक उदाहरण देखें - उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> span { background-color: orange; colo
-
CSS का उपयोग करके तत्वों की दृश्यता को नियंत्रित करना
CSS डिस्प्ले प्रॉपर्टी का उपयोग वेब पेज पर तत्वों की दृश्यता को नियंत्रित करने के लिए किया जाता है। इसके कुछ मान यहां प्रदर्शित हैं - एक तत्व को इनलाइन-स्तरीय फ्लेक्स कंटेनर के रूप में प्रदर्शित करता है Sr.No संपत्ति मूल्य और विवरण 1 इनलाइन एक तत्व को इनलाइन तत्व के रूप में प्रदर्शित करता है।
-
CSS का उपयोग करके टेबल्स में बॉर्डर जोड़ना
CSS में किसी तालिका में बॉर्डर जोड़ने के लिए, बॉर्डर प्रॉपर्टी का उपयोग करें। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px dashed orange; } </style> </head> <body> <h2>Team Ranking Tabl