-
CSS align-content प्रॉपर्टी का उपयोग flex-end value
संरेखित-सामग्री . का उपयोग करें मूल्य के साथ संपत्ति flex-end फ्लेक्स लाइनों को अंत में सेट करने के लिए। उदाहरण फ्लेक्स-एंड . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य। div {पृष्ठभूमि-रंग:नारंगी; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ाई:100 पीएक्स;
-
CSS जस्टिफाई-कंटेंट प्रॉपर्टी फ्लेक्स-एंड वैल्यू की भूमिका
औचित्य-सामग्री . का उपयोग करें मूल्य के साथ संपत्ति फ्लेक्स-एंड फ्लेक्स-आइटम को अंत में संरेखित करने के लिए। उदाहरण आप फ्लेक्स-एंड वैल्यू को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <style> &
-
CSS एलाइन-आइटम प्रॉपर्टी फ्लेक्स-स्टार्ट वैल्यू का उपयोग
अलाइन-आइटम का उपयोग करें मूल्य के साथ संपत्ति फ्लेक्स-स्टार्ट शीर्ष पर फ्लेक्स आइटम संरेखित करने के लिए। उदाहरण आप फ्लेक्स-स्टार्ट वैल्यू को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <style&g
-
CSS का उपयोग करके HTML तत्व के लिए उपयोग किए जाने वाले बॉक्स के प्रकार को कैसे निर्दिष्ट करें?
डिस्प्ले का उपयोग करें HTML तत्व के लिए उपयोग किए जाने वाले बॉक्स के प्रकार को निर्दिष्ट करने के लिए संपत्ति। उदाहरण फ्लेक्स कंटेनर को प्रदर्शित करने के लिए डिस्प्ले प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं। <!DOCTYPE html> <html> <head&g
-
सीएसएस फ्लेक्स संपत्ति
फ्लेक्स-ग्रो, फ्लेक्स-हटना और फ्लेक्स-बेस प्रॉपर्टी को एक ही प्रॉपर्टी में सेट करने के लिए, सीएसएस फ्लेक्स प्रॉपर्टी का इस्तेमाल करें उदाहरण <!DOCTYPE html> <html> <head> <style> .mycontainer {
-
सीएसएस संरेखण-सामग्री संपत्ति
सीएसएस के साथ फ्लेक्स लाइनों को संरेखित करें संरेखित-सामग्री संपत्ति। आप संरेखण-सामग्री गुण को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं। यह वस्तुओं के चारों ओर स्थान जोड़ता है: उदाहरण div {पृष्ठभूमि-रंग:सफ़ेद; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:40px; फ़ॉन्ट-आकार:25px; चौड़ाई:100 पीएक्
-
CSS फ्लेक्स-रैप प्रॉपर्टी की भूमिका नो-रैप वैल्यू
फ्लेक्स-रैप . का उपयोग करें लपेटने के लिए फ्लेक्स-आइटम से बचने के लिए अब्रैप मूल्य वाली संपत्ति। उदाहरण आप अब्रैप मान को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <style> &nb
-
सीएसएस के साथ एक बटन में रंगीन सीमा कैसे जोड़ें?
रंगीन बॉर्डर जोड़ने के लिए, CSS बॉर्डर प्रॉपर्टी का उपयोग करें। उदाहरण रंगीन बॉर्डर जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं। .button { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला; } परिणाम परिणाम के
-
सीएसएस के साथ होवर करने योग्य बटन बनाएं
होवर करने योग्य बटन बनाने के लिए CSS:होवर चयनकर्ता का उपयोग करें। होवर करने योग्य बटन बनाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .btn { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला; } .btn:होवर {पृष्ठ
-
CSS के साथ होवर प्रभाव की गति निर्धारित करें
होवर की गति निर्धारित करने के लिए, संक्रमण-अवधि गुण का उपयोग करें। होवर सेट करने के लिए, होवर चयनकर्ता का उपयोग करें। उदाहरण होवर प्रभाव को गति देने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रि
-
CSS के साथ एक बॉर्डर वाला बटन समूह बनाएं
आप बॉर्डर प्रॉपर्टी के साथ बॉर्डर वाला बटन समूह बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> .btn { color: black; &
-
CSS फ्लेक्स-रैप प्रॉपर्टी रैप वैल्यू की भूमिका
फ्लेक्स-रैप का उपयोग करें रैप . के साथ संपत्ति लपेटने के लिए मूल्य फ्लेक्स-आइटम। उदाहरण रैप वैल्यू को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head> <style> .m
-
CSS ग्रिड-पंक्ति-अंतराल संपत्ति का उपयोग
CSS के साथ ग्रिड पंक्तियों के बीच गैप सेट करें। आप ग्रिड-पंक्ति-अंतराल संपत्ति को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> .container { &nbs
-
सीएसएस के साथ बटन क्लिक पर एक दबाया हुआ प्रभाव जोड़ें
आप एक बटन के क्लिक पर दबाए गए प्रभाव को जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> .button { background-color: o
-
CSS के साथ एक बटन की चौड़ाई सेट करें
बटन की चौड़ाई सेट करने के लिए, CSS चौड़ाई गुण का उपयोग करें। उदाहरण आप बटन की चौड़ाई निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - .btn { बैकग्राउंड-कलर:येलो; रंग काला; चौड़ाई:120 पीएक्स; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; सीमा:3px धराशायी नीला;
-
सीएसएस के साथ बटन होवर पर फीका
आप सीएसएस के साथ बटन होवर पर फीका करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> .btn { background-color: orange; &nb
-
CSS के साथ इमेज फिल्टर कैसे बनाएं
आप सीएसएस के साथ ब्लर, कंट्रास्ट, ब्राइटनेस जैसे इमेज फिल्टर बनाने के लिए निम्न कोड चलाने की कोशिश कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> img { he
-
CSS के साथ माउस पर एक छवि पलटें
किसी इमेज को फ़्लिप करने के लिए ट्रांसफ़ॉर्म सीएसएस प्रॉपर्टी का इस्तेमाल करें. आप माउसओवर पर किसी छवि को फ़्लिप करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS ऑब्जेक्ट-फिट प्रॉपर्टी
ऑब्जेक्ट-फिट . का उपयोग करें अपने कंटेनर में फिट करने के लिए छवि या वीडियो का आकार बदलने के लिए सीएसएस में संपत्ति। उदाहरण ऑब्जेक्ट-फिट प्रॉपर्टी के साथ काम करने का तरीका जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html> <head>
-
कैसे एक <img> या <video> को उसके कंटेनर में CSS के साथ फिट करने के लिए आकार दिया जाना चाहिए
चित्र या वीडियो को उसके कंटेनर में फ़िट करने के लिए उसका आकार बदलने के लिए CSS में ऑब्जेक्ट-फिट प्रॉपर्टी का उपयोग करें। उदाहरण इसे प्राप्त करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं। <!DOCTYPE html> <html> <head> <style> &n
