-
CSS की भूमिका :nth-last-child(n) Selector
CSS :nth-last-child(n) चयनकर्ता का उपयोग प्रत्येक तत्व को स्टाइल करने के लिए करें जो कि उसके माता-पिता का बच्चा है, जो पिछले बच्चे से गिना जाता है। आप :nth-last-child(n) चयनकर्ता - को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण p:nth-last-child(4) { बैकग्राउंड:नीला; रंग सफेद;
-
सीएसएस स्थिति:स्थिर;
स्थिति:स्थिर; संपत्ति एक स्थिर तत्व की स्थिति निर्धारित करती है, जो कि डिफ़ॉल्ट है। उदाहरण ऊपर, नीचे, बाएँ और दाएँ गुण स्थिर स्थित तत्वों को प्रभावित नहीं करते हैं। आप सीएसएस को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं स्थिति:स्थिर; संपत्ति <!DOCTYPE html> <html> &n
-
सीएसएस स्थिति:रिश्तेदार;
स्थिति:रिश्तेदार; संपत्ति आपको तत्व को उसकी सामान्य स्थिति के सापेक्ष स्थिति देने की अनुमति देती है। आप CSS स्थिति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:सापेक्ष; उदाहरण <!DOCTYPE html> <html> <head> <style> &
-
CSS के साथ तत्वों को ओवरलैप करें
तत्वों को ओवरलैप करने के लिए, CSS z-index प्रॉपर्टी का उपयोग करें। आप z-index प्रॉपर्टी को लागू करने और टेक्स्ट के पीछे छवि सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
-
सीएसएस के साथ नेविगेशन बार में केंद्र लिंक
नेविगेशन बार में लिंक को केंद्र में रखने के लिए, आपको . में टेक्स्ट-एलाइन:सेंटर जोड़ना होगा उदाहरण <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none;
-
CSS का उपयोग करके बाएँ बॉर्डर की चौड़ाई निर्धारित करें
बाएँ बॉर्डर की चौड़ाई सेट करने के लिए, बॉर्डर-बाएँ-चौड़ाई . का उपयोग करें सीएसएस में संपत्ति। सीमा-बाएं-चौड़ाई . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS का उपयोग करके चार बॉर्डर का रंग सेट करें
चार बॉर्डर का रंग सेट करने के लिए, बॉर्डर-रंग प्रॉपर्टी . का इस्तेमाल करें . आप सभी सीमाओं के लिए सीमा रंग सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> p
-
CSS का उपयोग करके सही बॉर्डर का रंग सेट करें
दाएँ बॉर्डर का रंग सेट करने के लिए, बॉर्डर-दायाँ-रंग . का उपयोग करें संपत्ति। आप बॉर्डर-रंग-प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> p
-
मूल्य के साथ मार्जिन संपत्ति की भूमिका सीएसएस का उपयोग करके विरासत में मिली है
मान इनहेरिट वाली मार्जिन प्रॉपर्टी का उपयोग मूल तत्व से किसी तत्व को इनहेरिट करने के लिए किया जाता है। मार्जिन:इनहेरिट; . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>
-
सीएसएस का उपयोग करके मूल्य ऑटो के साथ मार्जिन संपत्ति की भूमिका
मार्जिन प्रॉपर्टी का मूल्य ऑटो के साथ तत्व को उसके कंटेनर के भीतर क्षैतिज रूप से केंद्रित करने के लिए उपयोग किया जाता है। मार्जिन लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:ऑटो; उदाहरण <!DOCTYPE html> <html> <head> <style> &nb
-
सीएसएस के साथ प्रतिशत का उपयोग करके छवि की ऊंचाई और चौड़ाई निर्धारित करें
% का उपयोग करके किसी छवि की ऊंचाई और चौड़ाई निर्धारित करने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> img { heigh
-
CSS का उपयोग करके किसी तत्व की न्यूनतम-चौड़ाई और अधिकतम-चौड़ाई सेट करें
किसी तत्व की न्यूनतम और अधिकतम चौड़ाई निर्धारित करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div { max-width:
-
CSS का उपयोग करके किसी तत्व की न्यूनतम-ऊंचाई और अधिकतम-ऊंचाई सेट करें
CSS का उपयोग करके किसी तत्व की न्यूनतम-ऊंचाई और अधिकतम-ऊंचाई सेट करने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> div { &
-
प्रत्येक <p>
तत्वों को स्टाइल करें जो CSS के साथ अपने माता-पिता का अंतिम बच्चा है
प्रत्येक तत्वों को स्टाइल करने के लिए जो उसके माता-पिता का अंतिम बच्चा है, CSS :last-child चयनकर्ता का उपयोग करें। आप :last-child चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण p:last-child { बैकग्राउंड:ऑरेंज; } यह डेमो टेक्स्ट1 है। यह डेमो टेक्स्ट2 है। यह डेमो टेक्
-
CSS का उपयोग करके हाइपरलिंक में विभिन्न शैलियों को जोड़ें
हाइपरलिंक के लिए विभिन्न शैलियों को सेट करने के लिए, जैसे कि फ़ॉन्ट-आकार, पृष्ठभूमि का रंग, आदि, आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> a.first:link {color:#
-
CSS3 के साथ z- अक्ष का उपयोग करके तत्व को घुमाएं
CSS3 के साथ z-अक्ष का उपयोग करके तत्व को बदलने के लिए रोटेटजेड (कोण) विधि का उपयोग करें - उदाहरण <html> <head> <style> div { width: 200px;
-
शैली <इनपुट> सीएसएस के साथ एक निर्दिष्ट सीमा के भीतर मान वाले तत्व
निर्दिष्ट सीमा के भीतर मान वाले तत्वों को स्टाइल करने के लिए, CSS :in-range चयनकर्ता का उपयोग करें। आप :इन-रेंज चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &nb
-
CSS का उपयोग करके छवि का लंबवत संरेखण
CSS का उपयोग करके किसी छवि को लंबवत रूप से संरेखित करने के लिए, लंबवत-संरेखण गुण का उपयोग करें। आप छवि को लंबवत रूप से संरेखित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
-
CSS का उपयोग करके पिक्सेल के साथ फ़ॉन्ट आकार सेट करें
पिक्सेल के साथ फ़ॉन्ट आकार सेट करने के लिए, px . का उपयोग करें इकाई, फ़ॉन्ट-आकार . के साथ संपत्ति। आप पिक्सेल के साथ फ़ॉन्ट आकार सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS का उपयोग करके उत्तरदायी फ़ॉन्ट आकार सेट करें
प्रतिक्रियाशील फ़ॉन्ट आकार सेट करने के लिए, व्यूपोर्ट चौड़ाई का उपयोग करें और इसे vw इकाई पर सेट करें। आप vw इकाई का उपयोग करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> &
