position: relative रिलेटिव पोजीशनिंग के साथ, एलिमेंट अपनी सामान्य पोजीशन के सापेक्ष स्थित होता है। इसके लिए position: relative उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> div.demo { position: relative; color: white; background-color: orange; border: 2px da

text-indent प्रॉपर्टी टेक्स्ट इंडेंटेशन के लिए CSS में text-indent प्रॉपर्टी का उपयोग करें। यह पैराग्राफ की पहली लाइन की इंडेंटेशन के लिए है। उदाहरण 1: 30px इंडेंट <!DOCTYPE html> <html> <head> <style> div { text-indent: 30px; } </style> </head> <body> <

background-color प्रॉपर्टी CSS से बैकग्राउंड कलर सेट करने के लिए background-color प्रॉपर्टी का उपयोग करें। उदाहरण 1: पैराग्राफ पर बैकग्राउंड <!DOCTYPE html> <html> <head> <style> .demo { text-decoration: overline underline; background-color: red; } </style> </head&g

background-repeat प्रॉपर्टी वेब पेज पर बैकग्राउंड इमेज कैसे दोहराई जाती है, यह सेट करने के लिए background-repeat प्रॉपर्टी का उपयोग करें। मान: repeat | repeat-x | repeat-y | no-repeat | initial | inherit उदाहरण 1: repeat-x <!DOCTYPE html> <html> <head> <style> body { backg

background-position प्रॉपर्टी बैकग्राउंड इमेज की शुरुआती पोजीशन सेट करने के लिए background-position प्रॉपर्टी का उपयोग करें। उदाहरण 1: left center <!DOCTYPE html> <html> <head> <style> body { background-image: url(https://www.tutorialspoint.com/images/Swift.png); backgro

column-rule शॉर्टहैंड प्रॉपर्टी कॉलम रूल्स सेट करने के लिए column-rule शॉर्टहैंड प्रॉपर्टी का उपयोग करें, जो निम्न सेट करती है: column-rule-width: कॉलम के बीच रूल की चौड़ाई column-rule-style: कॉलम के बीच रूल की स्टाइल column-rule-color: कॉलम के बीच रूल का रंग मान: column-rule: column-rule-width c

translate() फ़ंक्शन CSS में translate() फ़ंक्शन का उपयोग किसी एलिमेंट को क्षैतिज और लंबवत दिशा में पुनः स्थापित करने के लिए किया जाता है। उदाहरण 1 <!DOCTYPE html> <html> <head> <style> #demo1 {background-color: hsla(140, 100%, 50%, 0.8);} #demo2 {background-color: hsla(130,

एब्सोल्यूट पोजिशनिंग एब्सोल्यूट पोजिशनिंग के साथ, एक एलिमेंट निकटतम पोजिशन्ड एन्सेस्टर के सापेक्ष पोजिशन होता है। मुख्य बिंदु: नॉर्मल डॉक्यूमेंट फ्लो से बाहर निकाल दिया जाता है अन्य एलिमेंट्स इसके लिए स्पेस रिजर्व नहीं करते निकटतम ancestor जिसके पास position: relative/absolute/fixed/sticky

list-style-type प्रॉपर्टी CSS में लिस्ट स्टाइल टाइप सेट करने के लिए list-style-type प्रॉपर्टी का उपयोग करें। उदाहरण 1: अनऑर्डर्ड लिस्ट (ul) - square <!DOCTYPE html> <html> <head> <style> ul { list-style-type: square; } </style> </head> <body> <h2>टीम

CSS एब्सोल्यूट यूनिट्स एब्सोल्यूट लेंथ यूनिट्स एक-दूसरे के सापेक्ष निश्चित होती हैं। ये यूनिट्स तब उपयोग की जाती हैं जब आउटपुट फॉर्मेट पहले से ज्ञात हो। एब्सोल्यूट यूनिट्स तालिका: क्रमांकयूनिट और विवरण 1cm - सेंटीमीटर 2mm - मिलीमीटर 3in - इंच (1in = 96px = 2.54cm) 4px

list-style-position प्रॉपर्टी list-style-position प्रॉपर्टी का उपयोग लिस्ट-आइटम मार्कर्स की पोजिशन सेट करने के लिए किया जाता है। मान: outside: मार्कर कंटेंट बॉक्स के बाहर (डिफ़ॉल्ट) - टेक्स्ट अलाइन रहता है inside: मार्कर कंटेंट बॉक्स के अंदर - टेक्स्ट के साथ फ्लो करता है उदाहरण <!DOCTYPE

list-style-image प्रॉपर्टी इमेज को लिस्ट मार्कर के रूप में उपयोग करने के लिए CSS में list-style-image प्रॉपर्टी का उपयोग करें। सिंटैक्स: list-style-image: url(image-url) | none; उदाहरण <!DOCTYPE html> <html> <head> <style> ul.demo1 { list-style-image: url(https://www.tut

line-height प्रॉपर्टी लाइन हाइट सेट करने के लिए line-height प्रॉपर्टी का उपयोग करें। संभावित मान: line-height: normal | number | length | % | initial | inherit; मान प्रकार: normal: ब्राउज़र डिफ़ॉल्ट (आमतौर पर ~1.2) number (यूनिटलेस): फॉन्ट साइज़ का गुणक (अनुशंसित) length: निश्चित मान (px,

लिंक अंडरलाइन हटाना CSS का उपयोग करके लिंक्स के डिफ़ॉल्ट अंडरलाइन हटाने के लिए text-decoration: none सेट करें। उदाहरण 1: बेसिक अंडरलाइन हटाना <!DOCTYPE html> <html> <head> <style> a:link { color: blue; text-decoration: none; } a:visited { color: blue; text-decoratio

लिंक स्टेट्स और प्स्यूडो-क्लासेस CSS से लिंक्स स्टाइल करने के लिए, पहले निम्नलिखित लिंक स्टेट्स जानें: link, visited, hover, active। एंकर एलिमेंट के प्स्यूडो-क्लासेस का उपयोग करें: a:link /* अनविजिटेड लिंक */ a:visited /* विजिटेड लिंक */ a:hover /* माउस होवर पर लिंक */ a:active /* क्

स्टेटिक पोजिशनिंग स्टेटिक पोजिशनिंग के साथ, एलिमेंट्स top, bottom, left, और right प्रॉपर्टीज से प्रभावित नहीं होते। इसके लिए position: static उपयोग करें। विशेषताएं: डिफ़ॉल्ट पोजिशनिंग (सभी एलिमेंट्स के लिए) नॉर्मल डॉक्यूमेंट फ्लो में रहता है ऑफसेट प्रॉपर्टीज (top, right, bottom, left) नजरअं

rotate3d() फंक्शन CSS में rotate3d() फंक्शन का उपयोग 3D स्पेस में किसी एलिमेंट को घुमाने (रोटेट) करने के लिए किया जाता है। rotate3d() के पैरामीटर के रूप में घुमाव की मात्रा और कोण सेट करें। सिंटैक्स: transform: rotate3d(x, y, z, angle); पैरामीटर्स: x, y, z: रोटेशन वेक्टर (दिशा) के घटक - एक वेक

कीवर्ड्स के साथ फॉन्ट साइज़ font-size प्रॉपर्टी के साथ आप कीवर्ड्स भी उपयोग कर सकते हैं। ये कीवर्ड्स दो श्रेणियों में विभाजित हैं: 1. रिलेटिव-साइज़ कीवर्ड्स पैरेंट एलिमेंट के सापेक्ष: larger: पैरेंट से बड़ा smaller: पैरेंट से छोटा 2. एब्सोल्यूट-साइज़ कीवर्ड्स ब्राउज़र डिफ़ॉल्ट (आमतौर पर 16p

फिल्टर सेपिया CSS3 में इमेज पर सेपिया इफेक्ट लागू करने के लिए filter प्रॉपर्टी के लिए sepia() मान का उपयोग करें। सिंटैक्स: filter: sepia(percentage | number); मान: 0% / 0: कोई इफेक्ट नहीं (मूल इमेज) 100% / 1: पूर्ण सेपिया (पुरानी फोटो लुक) 0-100% के बीच: आंशिक सेपिया इफेक्ट उदाहरण <!D

फिल्टर सैचुरेट CSS3 में इमेज को सैचुरेट करने के लिए filter प्रॉपर्टी के लिए saturate() मान का उपयोग करें। सिंटैक्स: filter: saturate(percentage | number); मान: 0% / 0: पूरी तरह असंतृप्त (ग्रेस्केल) 100% / 1: मूल सैचुरेशन (डिफ़ॉल्ट) 100% से अधिक: सुपर-सैचुरेटेड (ज्वलंत रंग) उदाहरण <!DO