-
सीएसएस में छद्म-वर्ग और छद्म-तत्व के बीच अंतर
छद्म श्रेणी एक छद्म वर्ग एक चयनकर्ता की स्थिति का प्रतिनिधित्व करता है जैसे:होवर, सक्रिय, अंतिम-चाइल्ड, आदि। ये सिंगल कोलन (:) से शुरू होते हैं। CSS छद्म वर्ग का सिंटैक्स इस प्रकार है - :pseudo-class{ attribute: /*value*/ } छद्म तत्व इसी तरह, एक छद्म तत्व का उपयोग आभासी तत्वों जैसे ::के बाद, :
-
CSS में टेक्स्टबॉक्स के लिए प्लेसहोल्डर का रंग कैसे बदलें
::प्लेसहोल्डर छद्म-तत्व का उपयोग करके, हम टेक्स्टबॉक्स के लिए प्लेसहोल्डर टेक्स्ट का रंग बदल सकते हैं। CSS ::प्लेसहोल्डर छद्म तत्व का सिंटैक्स इस प्रकार है - ::placeholder { attribute: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ::प्लेसहोल्डर छद्म-तत्व को दर्शाते हैं। <!DOCTYPE html> <htm
-
CSS के साथ चेकमार्क / टिक कैसे बनाएं
हम CSS का उपयोग करके एक अनुकूलित चेकमार्क बना सकते हैं। निम्नलिखित उदाहरण इस प्रभाव को स्पष्ट करते हैं - उदाहरण <!DOCTYPE html> <html> <style> div { margin: 2%; position: relative; width: 40px; height: 40px; box-shado
-
सीएसएस का उपयोग करना:प्लेसहोल्डर-खाली टेक्स्ट इनपुट के लिए शैलियों को अनुकूलित करने के लिए दिखाया गया है
प्लेसहोल्डर वाले इनपुट टेक्स्टबॉक्स की शैली को अनुकूलित करने के लिए, हम सीएसएस के :प्लेसहोल्डर-दिखाए गए छद्म वर्ग का उपयोग करते हैं। उदाहरण निम्नलिखित उदाहरण CSS का वर्णन करते हैं:प्लेसहोल्डर द्वारा दिखाया गया छद्म वर्ग। इनपुट:प्लेसहोल्डर-दिखाया गया {बॉर्डर-रंग:डोजरब्लू;} इनपुट:nth-of-type (ईवन
-
CSS Flex के साथ एलिमेंट को उसके कंटेनर के नीचे कैसे रखें?
सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - Selector { flex: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> div {
-
CSS Flex के साथ कंटेनरों का बाएँ-दाएँ संरेखण कैसे बनाएँ?
सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - चयनकर्ता { flex:/*value*/} निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। उदाहरण div { बॉर्डर:2px सॉलिड रेड; } बाएं दाएं यह निम्न आउटपुट देता है उदाहरण #container {ऊंचाई:250px; प्रदर्शन:फ्लेक्स; फ्लेक्स-फ्लो:कॉलम रैप; गद्दी:2%; पृ
-
सीएसएस फ्लेक्सबॉक्स के साथ एक स्लाइडर/हिंडोला बनाना (लूप में अनंत दोहराए जाने वाले आइटम के साथ)
हम जावास्क्रिप्ट की मदद से CSS Flexbox का उपयोग करके एक असीमित स्क्रॉलिंग स्लाइडर बना सकते हैं। उदाहरण निम्नलिखित उदाहरण सीएसएस का उपयोग करके कैरोसेल को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> img
-
सीएसएस फ्लेक्स के साथ कॉलम डीआईवी को बाएं-केंद्र-दाएं के रूप में कैसे संरेखित करें
फ्लेक्स कंटेनर की वस्तुओं को उसके चारों ओर स्थान वितरित करके उसके मुख्य अक्ष के साथ संरेखित करने के लिए, हम CSS की जस्टिफाई-कंटेंट संपत्ति का उपयोग करते हैं। सिंटैक्स CSS जस्टिफाई-कंटेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { display: flex; justify-content: /*valu
-
सीएसएस मिनट () फ़ंक्शन के साथ एक उत्तरदायी लोगो बनाना (कोई मीडिया क्वेरी शामिल नहीं है)
CSS min() फ़ंक्शन का उपयोग करके, हम अपने वेबपेजों में एक responsive logo बना सकते हैं। यह हमें CSS विशेषता के लिए न्यूनतम मान निर्दिष्ट करने की अनुमति देता है। सिंटैक्स CSS min() प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { attribute: min(/*value*/,/*value*/); } उदाहरण निम्नलिखित उ
-
CSS ट्रांसफ़ॉर्म और स्केल लागू करते समय छवि गुणवत्ता बनाए रखें
CSS इमेज-रेंडरिंग प्रॉपर्टी हमारी इमेज को स्केल करने के लिए एल्गोरिथम सेट करने में हमारी मदद करती है। सिंटैक्स CSS इमेज-रेंडरिंग प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { इमेज-रेंडरिंग:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS इमेज-रेंडरिंग प्रॉपर्टी को दर्शाते हैं। img {ऊंचाई:200px; चौड़ाई
-
CSS का उपयोग करके विंडो की ऊंचाई का 100% DIV कैसे बनाएं?
CSS ऊंचाई गुण हमें किसी तत्व की ऊँचाई निर्दिष्ट करने में मदद करता है। सिंटैक्स CSS हाइट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS ऊंचाई संपत्ति को दर्शाते हैं। <!DOCTYPE html> <html> <head> &n
-
CSS का उपयोग करके एक ब्लैक एंड व्हाइट इमेज कैसे बनाएं
CSS के फ़िल्टर गुण के लिए ग्रेस्केल मान निर्दिष्ट करके हम एक श्वेत-श्याम छवि बना सकते हैं। फ़िल्टर गुण का उपयोग छवियों पर धुंधलापन, ड्रॉप-शैडो जैसे विशेष प्रभावों को लागू करने के लिए किया जा सकता है। सिंटैक्स CSS फ़िल्टर प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {फ़िल्टर:ग्रेस्केल(100%); -वेबकि
-
सीएसएस नवीनतम अपडेट - प्रदर्शन संपत्ति के आंतरिक और बाहरी मूल्य
अब हम CSS डिस्प्ले के दो महत्वपूर्ण सिंटैक्स द्वारा प्रदर्शन प्रकार के तत्वों को स्पष्ट रूप से सेट करने में सक्षम होंगे। यह हमें तत्व के प्रवाह लेआउट को बदलने की अनुमति देगा सिंटैक्स CSS डिस्प्ले प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { display: /*inside*/ /*outside*/ } उदाहरण
-
टेक्स्ट-डेकोरेशन-कलर CSS का उपयोग करके लिंक अंडरलाइन कलर कैसे बदलें
CSS टेक्स्ट-डेकोरेशन-कलर का उपयोग टेक्स्ट-डेकोरेशन-लाइन का रंग बदलने के लिए किया जाता है। सिंटैक्स CSS टेक्स्ट-डेकोरेशन-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { text-decoration-color: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS टेक्स्ट-डेकोरेशन-कलर प्रॉपर्टी को दर्शाते हैं। &l
-
फ़ाइल अपलोड बटन की CSS स्टाइलिंग ::फ़ाइल-चयनकर्ता-बटन चयनकर्ता के साथ
हम सीएसएस छद्म तत्व ::फ़ाइल-चयनकर्ता-बटन का उपयोग करके फ़ाइल अपलोड बटन को स्टाइल कर सकते हैं। हालांकि, इस छद्म तत्व का पूर्ण समर्थन Firefox और Firefox Android तक ही सीमित है। ::- webkit-file-upload-button का उपयोग सफारी, क्रोम और ओपेरा को सपोर्ट करने के लिए किया जाता है। सिंटैक्स CSS फ़ाइल-चयनकर्त
-
सीएसएस उपस्थिति संपत्ति के साथ कस्टम चेकबॉक्स
हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {उपस्थिति:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/
-
सीएसएस उपस्थिति संपत्ति के साथ कस्टम रेडियो बटन
हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {उपस्थिति:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/
-
सीएसएस उपस्थिति के साथ चयन इनपुट के लिए ड्रॉपडाउन तीर छुपाएं
हम उपयोगकर्ता के ऑपरेटिंग सिस्टम की प्लेटफ़ॉर्म-देशी शैली के अनुसार किसी तत्व को स्टाइल करने के लिए अपीयरेंस प्रॉपर्टी का उपयोग करते हैं। सिंटैक्स CSS अपीयरेंस प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { प्रकटन:/*मान*/; -वेबकिट-उपस्थिति:/*मूल्य*/; /*Safari और Chrome के लिए */ -moz-appearance:/*
-
CSS Flexbox में आइटम के लिए एक निश्चित चौड़ाई निर्धारित करना
सिंटैक्स CSS flex संपत्ति का सिंटैक्स इस प्रकार है - Selector { flex: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS flex गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> div {
-
CSS का उपयोग करके सूचियों में बुलेट को कैसे चेतन करें
एक अनियंत्रित सूची में बुलेट को स्टाइल करने के लिए, हम सूची-शैली पोर का उपयोग कर सकते हैं सिंटैक्स CSS ली-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है - li { सूची-शैली:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS ली-स्टाइल संपत्ति को दर्शाते हैं। li { मार्जिन:3px 0; गद्दी:2%; चौड़ाई:28%; लाइन-ऊंचाई:1.2