-
CSS ऑब्जेक्ट-फिट संपत्ति मान
CSS में ऑब्जेक्ट-फिट प्रॉपर्टी का उपयोग इमेज या वीडियो को उसके कंटेनर में फिट करने के लिए आकार बदलने के लिए किया जाता है। इसके निम्नलिखित मान हैं इसमें शामिल हैं: सामग्री को फ़िट करने के लिए बढ़ाया जाता है कवर: फिट करने के लिए क्लिप किया गया भरें: सामग्री बॉक्स भरता है। उदाहरण आप ऑब्जेक्ट-फिट प्रॉ
-
CSS ग्रिड कंटेनर की भूमिका
CSS में ग्रिड कंटेनर में ग्रिड आइटम हैं। इन वस्तुओं को पंक्तियों और स्तंभों के अंदर रखा जाता है। आइए एक . बनाएं CSS ग्रिड कंटेनर और ग्रिड में कॉलम की संख्या सेट करें: उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS के साथ एक बटन की पृष्ठभूमि का रंग बदलें
किसी बटन की पृष्ठभूमि का रंग बदलने के लिए, पृष्ठभूमि-रंग . का उपयोग करें संपत्ति। आप बटन की पृष्ठभूमि का रंग बदलने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण .btn { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:13px; } परिणाम परिणाम के लिए नीचे क्लिक करें: परिणाम
-
CSS फ्लेक्स-रैप प्रॉपर्टी रैप-रिवर्स वैल्यू की भूमिका
फ्लेक्स-रैप का उपयोग करें फ्लेक्स-आइटम को उल्टे क्रम में लपेटने के लिए रैप-रिवर्स वैल्यू वाली संपत्ति। उदाहरण रैप-रिवर्स . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं मूल्य - <!DOCTYPE html> <html> <head> <style> &
-
CSS के साथ एक बटन का फ़ॉन्ट आकार बदलें
किसी बटन का फ़ॉन्ट आकार बदलने के लिए, फ़ॉन्ट-आकार . का उपयोग करें संपत्ति। आप फ़ॉन्ट आकार बदलने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण .button { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; } परिणाम परिणाम के लिए नीचे क्लिक करें: result
-
CSS के साथ एक बटन की पैडिंग बदलें
किसी बटन की पैडिंग बदलने के लिए, पैडिंग . का उपयोग करें संपत्ति। आप बटन की पैडिंग बदलने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण .button { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:10px; } परिणाम परिणाम के लिए नीचे क्लिक करें: result
-
CSS का उपयोग करके लाल नियॉन चमक छाया बनाएं
लाल नीयन चमक छाया बनाने के लिए, टेक्स्ट-छाया गुण का उपयोग करें। इसे प्राप्त करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> h1 { &
-
सीएसएस में इनलाइन सूची आइटम के साथ क्षैतिज नेविगेशन बार बनाएं
क्षैतिज नेविगेशन बार बनाने के लिए इनलाइन सूची आइटम का उपयोग करें। तत्वों को इनलाइन के रूप में सेट करें। उदाहरण क्षैतिज नेविगेशन बार बनाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style>
-
CSS वाले टेक्स्ट में एक से अधिक शैडो जोड़ें
टेक्स्ट-शैडो प्रॉपर्टी के साथ एक से अधिक शैडो जोड़ने के लिए शैडो की कॉमा-सेपरेटेड लिस्ट जोड़ें। एक पंक्ति में एकाधिक छाया जोड़ने का तरीका जानने के लिए आप निम्न को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
-
CSS के साथ छवि होवर पर एक नीली छाया प्रदर्शित करें
छवि होवर पर छाया प्रदर्शित करने के लिए, CSS बॉक्स-छाया गुण का उपयोग करें उदाहरण <!DOCTYPE html> <html> <head> <style> img { border: 2px solid orange; &n
-
CSS के साथ इमेज को रिस्पॉन्सिव बनाने के लिए उसे कैसे छोटा करें
छवि को प्रतिक्रियाशील बनाने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> img { max-width: 100%;
-
सीएसएस के साथ एक छवि को केंद्र में रखें
छवि को केंद्र में रखने के लिए, हाशिया-बाएं, हाशिया-दाएं का उपयोग करें और सीएसएस को ब्लॉक करें गुण। आप छवि को केंद्र में रखने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS के साथ टूलटिप के शीर्ष पर तीर
नीचे . का उपयोग करें टूलटिप के शीर्ष पर तीर जोड़ने के लिए CSS गुण। उदाहरण शीर्ष पर तीर के साथ टूलटिप जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140 पीएक्स; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:150%; बाएं:50%; मार्जिन-बाएं:-
-
कैसे सीएसएस के साथ एक बटन के लिए गोल कोनों को जोड़ने के लिए?
एक बटन में गोल कोनों को जोड़ने के लिए, बॉर्डर-त्रिज्या गुण का उपयोग करें। उदाहरण गोल कोनों को जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - .button { बैकग्राउंड-कलर:येलो; रंग काला; पाठ-संरेखण:केंद्र; फ़ॉन्ट-आकार:15px; पैडिंग:20px; सीमा-त्रिज्या:15px; } परिणाम परिणाम के लिए नीचे क्ल
-
सीएसएस के साथ एक छवि पर टेक्स्ट को शीर्ष दाएं स्थान पर कैसे रखें
टेक्स्ट को ऊपर दाईं ओर रखने के लिए, दाईं और शीर्ष प्रॉपर्टी का उपयोग करें। आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> .box { &nbs
-
CSS ग्रिड लेआउट में कॉलम की संख्या को परिभाषित करें
ग्रिड-टेम्पलेट-कॉलम का उपयोग करें CSS ग्रिड लेआउट में कॉलम की संख्या को परिभाषित करने के लिए संपत्ति। आप कई कॉलम सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। यहां, 3 कॉलम ग्रिड सेट है: उदाहरण <!DOCTYPE html> <html> <head> <style> &
-
CSS के साथ टूलटिप के दाईं ओर तीर
बाईं ओर का प्रयोग करें टूलटिप के दाईं ओर एक तीर जोड़ने के लिए CSS गुण। आप दाईं ओर एक तीर के साथ टूलटिप जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140px; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:-5 पीएक्स; अधिकार:110%; पाठ-संरे
-
प्रत्येक <ul> तत्व का चयन करता है जो सीएसएस के साथ <p>
तत्व से पहले होता है
तत्व का उपयोग करें ~ तत्व चयनकर्ता तत्वों का चयन करने के लिए तत्व से पहले। आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> p~ul { &n
-
सीएसएस के साथ संपत्ति बदलने का उपयोग
CSS में ट्रांसफॉर्म प्रॉपर्टी का इस्तेमाल किसी एलिमेंट में 2D या 3D ट्रांसफॉर्मेशन लागू करने के लिए किया जाता है। आप परिवर्तन गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS के साथ किसी तत्व में 2D या 3D रूपांतरण कैसे लागू करें
CSS में ट्रांसफॉर्म प्रॉपर्टी वाले एलिमेंट में 2D या 3D ट्रांसफॉर्मेशन लागू करें। आप परिवर्तन का उपयोग करके किसी तत्व को घुमाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &nb
