-
सीएसएस में सापेक्ष स्थिति
सापेक्ष स्थिति के साथ, तत्व अपनी सामान्य स्थिति के सापेक्ष स्थित होता है। इसके लिए स्थिति:सापेक्ष . का उपयोग करें उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div.demo { position: relative; color: white; backgr
-
सीएसएस का उपयोग करके टेक्स्ट इंडेंटेशन
टेक्स्ट इंडेंटेशन के लिए, CSS में टेक्स्ट-इंडेंट प्रॉपर्टी का उपयोग करें। यह एक पैराग्राफ में पहली पंक्ति के इंडेंटेशन के लिए है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div { text-indent: 30px; } </style> </head> <bo
-
CSS का उपयोग करके पृष्ठभूमि रंग सेट करना
CSS का उपयोग करके बैकग्राउंड कलर सेट करने के लिए, बैकग्राउंड-कलर प्रॉपर्टी का उपयोग करें। उदाहरण आइए अब एक उदाहरण देखें - .demo { text-decoration:overline underline; बैकग्राउंड-रंग:लाल;}विवरणएबीसी कॉलेज के पास परीक्षा केंद्र।परीक्षा सुबह 9 बजे शुरू होती है। आउटपुट उदाहरण आइए अब एक और उदाहरण देखे
-
CSS में बैकग्राउंड रिपीट
CSS में बैकग्राउंड रिपीट का उपयोग यह सेट करने के लिए किया जाता है कि वेब पेज पर बैकग्राउंड इमेज कैसे दोहराई जाती है। इसके लिए बैकग्राउंड-रिपीट प्रॉपर्टी का इस्तेमाल करें। निम्नलिखित गुण मान हो सकते हैं - background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit; उदाहरण आइए अब एक उदाहरण
-
CSS का उपयोग करके पृष्ठभूमि स्थिति सेट करना
बैकग्राउंड पोजीशन एक बैकग्राउंड इमेज की शुरुआती पोजीशन सेट करने के लिए है। इसके लिए बैकग्राउंड-पोजिशन प्रॉपर्टी का इस्तेमाल करें। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> body { background-image: url("https://www.tutorialspoint.
-
CSS3 में कॉलम नियम सेट करना
कॉलम नियम सेट करने के लिए, शॉर्टहैंड कॉलम-नियम प्रॉपर्टी का उपयोग करें, जो आपको निम्नलिखित गुण सेट करने की अनुमति देता है - कॉलम-नियम-चौड़ाई:कॉलम के बीच नियम की चौड़ाई सेट करेंकॉलम-नियम-शैली:कॉलम के बीच नियम की शैली सेट करेंकॉलम-नियम-रंग:कॉलम के बीच नियम का नियम सेट करें कॉलम नियमों का मान इस प्रका
-
सीएसएस अनुवाद () फ़ंक्शन
CSS में ट्रांसलेट () फ़ंक्शन का उपयोग किसी तत्व को क्षैतिज और लंबवत दिशा में स्थानांतरित करने के लिए किया जाता है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> #demo1 {background-color: hsla(140, 100%, 50%, 0.8);} #demo2 {background-color: hsla(130,
-
सीएसएस में पूर्ण स्थिति
पूर्ण स्थिति के साथ, एक तत्व निकटतम स्थित पूर्वज के सापेक्ष स्थित होता है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div.demo1 { position: relative; color: white; background-color: orange; border
-
CSS का उपयोग करके सूची शैली प्रकार सेट करना
CSS में लिस्ट स्टाइल टाइप सेट करने के लिए, CSS में लिस्ट-स्टाइल-टाइप प्रॉपर्टी का इस्तेमाल करें। उदाहरण आइए एक उदाहरण देखें जिसमें हम अनियंत्रित सूची के लिए सूची शैली प्रकार सेट कर रहे हैं - <!DOCTYPE html> <html> <head> <style> ul { list-style-type: square; } &
-
CSS निरपेक्ष और सापेक्ष इकाइयों को समझना
CSS निरपेक्ष इकाइयाँ निरपेक्ष लंबाई की इकाइयाँ एक दूसरे के संबंध में तय की जाती हैं। इन इकाइयों का उपयोग तब किया जाता है जब आउटपुट स्वरूप पहले से ही ज्ञात हो। निरपेक्ष लंबाई की कुछ इकाइयाँ निम्नलिखित हैं - Sr.No इकाई और विवरण 1 सेमी सेंटीमीटर 2 मिमी मिलीमीटर 3 इन इंच (1in =96px =2.54cm)
-
CSS का उपयोग करके सूची मार्करों की स्थिति बदलना
सूची-शैली-स्थिति गुण का उपयोग सूची-वस्तु मार्करों की स्थिति निर्धारित करने के लिए किया जाता है। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> ul.demo1 { list-style-position: outside; } ul.demo2 { list-style-position: inside;
-
CSS में सूची मार्कर के रूप में छवियों का उपयोग करना
छवि को सूची मार्कर के रूप में उपयोग करने के लिए, CSS में सूची-शैली-छवि गुण का उपयोग करें। उदाहरण आइए एक उदाहरण देखें, जिसमें हम इमेज को लिस्ट मार्कर के रूप में उपयोग कर रहे हैं - ul.demo1 { list-style-image:url(https://www.tutorialspoint.com/images/Swift.png);}ol .demo2 { list-style-image:url(https
-
CSS का उपयोग करके लाइन की ऊँचाई निर्धारित करना
लाइन की ऊंचाई निर्धारित करने के लिए, लाइन-ऊंचाई संपत्ति का उपयोग करें। निम्नलिखित गुण मान हैं - line-height: normal|number|length|initial|inherit; उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div { line-height: 1.9; } </style> <
-
CSS का उपयोग करके लिंक डिफॉल्ट अंडरलाइन को हटाना
सीएसएस का उपयोग करके लिंक डिफ़ॉल्ट अंडरलाइन को हटाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> a:link { color: blue; text-decoration: none; } a:visited { color: blue; text-decoration: none; } &l
-
CSS के साथ स्टाइलिंग लिंक
सीएसएस के साथ लिंक को स्टाइल करने के लिए, सबसे पहले हमें निम्नलिखित लिंक राज्यों को जानना चाहिए:लिंक, विज़िट, होवर और सक्रिय। लिंक को स्टाइल करने के लिए एंकर एलिमेंट के छद्म वर्गों का उपयोग करें - a:link for link a:visited forvisited link a:link for hover on link a:active for active link उदाहरण आइए
-
सीएसएस में स्टेटिक पोजिशनिंग
स्थिर स्थिति के साथ, तत्व ऊपर, नीचे, बाएँ और दाएँ गुणों से प्रभावित नहीं होते हैं। इसके लिए स्थिति:स्थैतिक का उपयोग करें उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div.static { position: static; color: white;
-
CSS3 रोटेट3डी () फंक्शन
CSS में रोटेट3d () फंक्शन का उपयोग किसी एलिमेंट को 3D स्पेस में रोटेट करने के लिए किया जाता है। रोटेट3d() के पैरामीटर के रूप में रोटेशन की मात्रा और कोण सेट करें। उदाहरण आइए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> .demo { transform: rotate3d(1, 1
-
सीएसएस में कीवर्ड के साथ फ़ॉन्ट आकार सेट करना
फॉन्ट साइज को फॉन्ट साइज प्रॉपर्टी के साथ सेट करने के लिए आप कीवर्ड भी सेट कर सकते हैं। इन खोजशब्दों को पूर्ण-आकार या सापेक्ष-आकार के खोजशब्दों में विभाजित किया गया है - सापेक्ष आकार के कीवर्ड निम्नलिखित कीवर्ड शामिल हैं:बड़ा, छोटा पूर्ण आकार के कीवर्ड निम्नलिखित कीवर्ड शामिल हैं:एक्सएक्स-स्मॉल, ए
-
CSS3 का उपयोग करके छवियों पर सेपिया प्रभाव लागू करना
CSS3 का उपयोग करके छवियों पर सेपिया प्रभाव लागू करने के लिए, फ़िल्टर गुण के लिए सेपिया मान का उपयोग करें। उदाहरण कोड इस प्रकार है - <!DOCTYPE html> <html> <head> <style> img.demo { filter: sepia(100%); } </style> </head> <body> <h1>Learn
-
CSS3 का उपयोग करके छवियों की संतृप्ति को समायोजित करना
CSS3 के साथ छवि को संतृप्त करने के लिए, फ़िल्टर गुण के लिए संतृप्त गुण मान का उपयोग करें। उदाहरण आइए छवियों की संतृप्ति को समायोजित करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> img.demo { filter: saturation(500%); } </style> </hea
