-
CSS की भूमिका :nth-last-of-type(n) Selector
प्रत्येक तत्व का चयन करने के लिए CSS :nth-last-of-type(n) चयनकर्ता का उपयोग करें जो कि उसके माता-पिता का दूसरा तत्व है, जो पिछले बच्चे से गिना जाता है। उदाहरण आप :nth-last-of-type(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> &nbs
-
सीएसएस के साथ केवल एक बार पृष्ठभूमि छवि दिखाएं
बैकग्राउंड-रिपीट . का इस्तेमाल करें संपत्ति केवल एक बार पृष्ठभूमि छवि प्रदर्शित करने के लिए। बैकग्राउंड-रिपीट . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <style> &nbs
-
सीएसएस के साथ पृष्ठभूमि छवि को क्षैतिज और लंबवत दोनों तरह से दोहराएं
बैकग्राउंड-इमेज का इस्तेमाल करें एक छवि को क्षैतिज और लंबवत रूप से दोहराने के लिए गुण। पृष्ठभूमि छवि को दोहराने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> bod
-
CSS3 के साथ y-अक्ष का उपयोग करके तत्व को रूपांतरित करें
y-अक्ष का उपयोग करके तत्व को रूपांतरित करने के लिए translateY(y) विधि का उपयोग करें। आइए सिंटैक्स देखें - translateY(y) यहाँ, y:यह एक लंबाई है जो अनुवाद करने वाले सदिश की कोटि को दर्शाती है। आइए एक उदाहरण देखें: div { width: 40px; height: 40px; background-
-
CSS का उपयोग करके नीचे की सीमा की शैली सेट करें
बॉटम बॉर्डर की स्टाइल सेट करने के लिए, बॉर्डर-बॉटम-स्टाइल प्रॉपर्टी का इस्तेमाल करें। आपके द्वारा सेट किए जा सकने वाले बॉर्डर के मान डॉटेड, डबल, डैश्ड, सॉलिड आदि हैं। उदाहरण आप निम्न कोड को स्टाइल बॉटम बॉर्डर पर चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head>
-
सीएसएस की भूमिका :फोकस चयनकर्ता
फ़ोकस वाले तत्व का चयन करने के लिए :फ़ोकस चयनकर्ता का उपयोग करें। आप :फोकस चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> input:focus {
-
CSS3 के साथ x-अक्ष, y-अक्ष और z-अक्ष का उपयोग करके तत्व को रूपांतरित करें
x-अक्ष, y-अक्ष और z-अक्ष का उपयोग करके तत्व को रूपांतरित करने के लिए translate3d(x,y,z) विधि का उपयोग करें। आइए सिंटैक्स देखें translate3d(tx, ty, tz) टीएक्स :यह एक है जो अनुवाद करने वाले वेक्टर के भुज का प्रतिनिधित्व करता है। ty :यह एक है जो अनुवाद करने वाले वेक्टर के कोटि को दर्शाता है। tz
-
उस तत्व को स्टाइल करें जिसने CSS पर ध्यान केंद्रित किया है
फ़ोकस वाले तत्व का चयन करने के लिए:फ़ोकस चयनकर्ता का उपयोग करें। आप निम्नलिखित कोड को लागू करने का प्रयास कर सकते हैं:फोकस चयनकर्ता - उदाहरण <!DOCTYPE html> <html> <head> <style> input:focus { &
-
सीएसएस की भूमिका :होवर चयनकर्ता
CSS का उपयोग करें:CSS के साथ माउस पर लिंक को स्टाइल करने के लिए होवर चयनकर्ता। आप :होवर चयनकर्ता - . को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &n
-
CSS के साथ सभी <इनपुट> तत्वों को मान्य मान के साथ स्टाइल करें
CSS का उपयोग करें:मान्य चयनकर्ता सभी तत्वों को एक मान्य मान के साथ स्टाइल करने के लिए। उदाहरण आप :वैध चयनकर्ता को लागू करने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style>
-
Z-अक्ष 3D CSS3 के साथ रूपांतरित होता है
आप CSS3 के साथ Z-अक्ष 3D ट्रांसफ़ॉर्म को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html> <head> <style> div { width: 200px;
-
CSS3 में 3D रूपांतरण
3d ट्रांसफ़ॉर्म का उपयोग करके, हम तत्व को x-अक्ष, y-अक्ष और z-अक्ष में स्थानांतरित कर सकते हैं। उदाहरण निम्नलिखित उदाहरण x-अक्ष 3D रूपांतरण दिखाता है <html> <head> <style> div {
-
CSS बॉक्स मॉडल को परिभाषित करें
जब हम डिजाइन और लेआउट शब्द पर चर्चा करते हैं, तो हम इसे बॉक्स मॉडल कहते हैं। HTML में सभी तत्वों को बॉक्स माना जाता है। CSS बॉक्स मॉडल में मार्जिन, बॉर्डर, पैडिंग और सामग्री है।
-
CSS3 के साथ x-अक्ष का उपयोग करके तत्व को रूपांतरित करें
एक्स-अक्ष का उपयोग करके तत्व को बदलने के लिए ट्रांसलेटएक्स (एक्स) विधि का उपयोग करें। आइए सिंटैक्स देखें translateX(x) यहाँ, x:यह एक लंबाई है जो अनुवाद करने वाले वेक्टर के भुज को दर्शाती है। आइए एक उदाहरण देखें div { width: 40px; height: 40px; background-c
-
CSS का उपयोग करके किसी तत्व के अंदर टेक्स्ट रैपिंग अक्षम करें
किसी तत्व के अंदर टेक्स्ट रैपिंग को अक्षम करने के लिए, व्हाइट-स्पेस प्रॉपर्टी का उपयोग करें। व्हाइट-स्पेस प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> &
-
CSS3 का उपयोग करके बाएं एनीमेशन के साथ मुख्य फ़्रेम का उदाहरण
निम्न उदाहरण कीफ़्रेम सिंटैक्स के साथ ऊंचाई, चौड़ाई, रंग, नाम और एनिमेशन की अवधि दिखाता है - उदाहरण <html> <head> <style type = "text/css"> h1 { -moz-animation-du
-
CSS3 का उपयोग करके कीफ़्रेम के साथ बाएँ एनिमेशन को स्थानांतरित करना
आप CSS3 का उपयोग करके कीफ्रेम के साथ बाएं एनीमेशन को स्थानांतरित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <html> <head> <style type = "text/css"> h1 { &
-
CSS3 मल्टी-कॉलम प्रॉपर्टी
CSS3 ने टेक्स्ट को अखबार की संरचना के रूप में व्यवस्थित करने के लिए मल्टी कॉलम का समर्थन किया। नीचे दिखाए गए कुछ सबसे सामान्य उपयोग किए जाने वाले मल्टी कॉलम गुण - मान विवरण कॉलम-गिनती उन स्तंभों की संख्या गिनने के लिए प्रयुक्त होता है जिन्हें तत्व विभाजित किया जाना चाहिए कॉलम-फिल यह तय करने के
-
CSS3 मल्टी-कॉलम कॉलम-गिनती संपत्ति
CSS3 मल्टी-कॉलम कॉलम-काउंट प्रॉपर्टी का उपयोग उन कॉलमों की संख्या को गिनने के लिए किया जाता है, जिन्हें एलिमेंट को विभाजित किया जाना चाहिए। आप CSS का उपयोग करके कॉलम-काउंट प्रॉपर्टी को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं - उदाहरण <html> <head> &
-
CSS3 के साथ z- अक्ष का उपयोग करके तत्व को रूपांतरित करें
z-अक्ष का उपयोग करके तत्व को रूपांतरित करने के लिए translateZ(z) विधि का उपयोग करें। आइए सिंटैक्स देखें translateZ(z) यहाँ, z:यह एक लंबाई है जो अनुवाद करने वाले वेक्टर के z-घटक को दर्शाती है। आइए एक उदाहरण देखें div { width: 40px; height: 40px; background-c
