-
नामित सीएसएस ग्रिड आइटम का उपयोग करके कॉलम और पंक्तियों को कैसे प्रदर्शित करें
नामित CSS का उपयोग करके कॉलम और पंक्तियों को प्रदर्शित करने के लिए, ग्रिड-क्षेत्र . का उपयोग करें संपत्ति, ग्रिड-टेम्पलेट-क्षेत्रों . के साथ संपत्ति उदाहरण <!DOCTYPE html> <html> <head> <style> .container { &
-
CSS ग्रिड लेआउट में कॉलम की संख्या निर्दिष्ट करें
ग्रिड-टेम्पलेट-कॉलम का उपयोग करें ग्रिड लेआउट में स्तंभों की संख्या निर्धारित करने के लिए गुण उदाहरण <!DOCTYPE html> <html> <head> <style> .container { display: grid;
-
attr() CSS फ़ंक्शन का उपयोग
attr() CSS फ़ंक्शन CSS का उपयोग करके चयनित तत्व की विशेषता का मान देता है आप सीएसएस में attr() फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
-
CSS ग्रिड लेआउट में पंक्तियों का आकार निर्दिष्ट करें
ग्रिड-टेम्पलेट-पंक्तियों का उपयोग करें ग्रिड लेआउट में पंक्तियों की संख्या निर्धारित करने के लिए गुण उदाहरण <!DOCTYPE html> <html> <head> <style> .container { display
-
CSS फ़ॉन्ट-आकार की संपत्ति पर एनिमेशन करें
फ़ॉन्ट-आकार . पर एनिमेशन लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> p { border:
-
सीएसएस फ्लेक्स संपत्ति को चेतन करें
CSS के साथ flex संपत्ति पर एनीमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> .box { display: flex; &n
-
CSS ग्रिड में डिफ़ॉल्ट कॉलम आकार कैसे सेट करें
ग्रिड-ऑटो-कॉलम का उपयोग करें कॉलम के लिए डिफ़ॉल्ट आकार सेट करने के लिए संपत्ति। आप CSS के साथ ग्रिड-ऑटो-कॉलम प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &n
-
CSS बॉर्डर-टॉप-लेफ्ट-रेडियस प्रॉपर्टी को चेतन करें
CSS के साथ बॉर्डर-टॉप-लेफ्ट-रेडियस प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> table,th,td { &nb
-
CSS बॉर्डर-बॉटम-लेफ्ट-रेडियस प्रॉपर्टी पर एनिमेशन करें
CSS के साथ बॉर्डर-बॉटम-लेफ्ट-रेडियस प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div { &nb
-
CSS ग्रिड-पंक्ति-अंत संपत्ति का उपयोग
CSS ग्रिड-पंक्ति-प्रारंभ संपत्ति के साथ ग्रिड-आइटम को समाप्त करने के लिए सेट करें। आप ग्रिड-पंक्ति-अंत संपत्ति को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS बॉर्डर-बॉटम-राइट-रेडियस प्रॉपर्टी पर एनिमेशन करें
पर एनिमेशन लागू करने के लिए सीमा-नीचे-दाएं-त्रिज्या सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div { &n
-
CSS के साथ प्रत्येक पृष्ठभूमि परत का सम्मिश्रण मोड
पृष्ठभूमि-मिश्रण-मोड का उपयोग करें संपत्ति सीएसएस के साथ प्रत्येक पृष्ठभूमि परत के सम्मिश्रण मोड को सेट करने के लिए। आप बैकग्राउंड-ब्लेंड-मोड प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने की कोशिश कर सकते हैं और मोड को डार्क करने के लिए सेट कर सकते हैं उदाहरण <!DOCTYPE html> <html> &
-
सीएसएस के साथ एक तत्व के अंदर सफेद स्थान के साथ काम करें
व्हाइट-स्पेस का उपयोग करें एक तत्व के अंदर सफेद स्थान के साथ काम करने के लिए संपत्ति उदाहरण <!DOCTYPE html> <html> <head> <style> p.demo1 { white-space: normal;  
-
सीएसएस सभी संपत्ति
सभी का उपयोग करें संपत्ति सभी गुणों को रीसेट करने के लिए। सभी प्रॉपर्टी को इनिशियल, इनहेरिट या अनसेट पर सेट करें। आप सीएसएस सभी संपत्ति को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS ग्रिड के लिए डिफ़ॉल्ट पंक्ति आकार सेट करें
ग्रिड-ऑटो-पंक्तियों का उपयोग करें पंक्ति के लिए डिफ़ॉल्ट आकार सेट करने के लिए गुण। आप सीएसएस के साथ ग्रिड-ऑटो-पंक्तियों की संपत्ति को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>
-
सेट करें कि CSS ग्रिड में ऑटो-प्लेस किए गए आइटम कैसे डाले जाते हैं
ग्रिड-ऑटो-फ़्लो . का उपयोग करें यह सेट करने के लिए कि ग्रिड में ऑटो-प्लेस किए गए आइटम कैसे डाले जाते हैं। आप ग्रिड-ऑटो-फ्लो प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &n
-
CSS क्लिप प्रॉपर्टी पर एनिमेशन निष्पादित करें
CSS के साथ क्लिप प्रॉपर्टी पर एनिमेशन लागू करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 200px;
-
चेतन बॉक्स-छाया CSS गुण
बॉक्स-छाया . पर एनिमेशन लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div { width:
-
CSS फॉन्ट-वेट प्रॉपर्टी पर एनिमेशन करें
फ़ॉन्ट-वेट . पर एनिमेशन लागू करने के लिए सीएसएस के साथ संपत्ति, आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> p { border:
-
सीएसएस आदेश संपत्ति
फ्लेक्स आइटम का क्रम सेट करने के लिए ऑर्डर प्रॉपर्टी का उपयोग करें आप CSS ऑर्डर प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html> <head> <style> .mycontai