CSS Display प्रॉपर्टी CSS Display प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि एलिमेंट वेब पेज पर कैसे प्रदर्शित होता है। सामान्य Display मान: क्रमांकप्रॉपर्टी मानविवरण 1inlineएलिमेंट को इंलाइन एलिमेंट के रूप में प्रदर्शित करता है 2blockएलिमेंट को ब्लॉक एलिमेंट के रू

display: inline-block display: inline-block प्रॉपर्टी वैल्यू वाला एलिमेंट एक इंलाइन-लेवल ब्लॉक कंटेनर के रूप में प्रदर्शित होता है। विशेषताएं: इंलाइन एलिमेंट की तरह फ्लो करता है (टेक्स्ट के साथ एक लाइन में) ब्लॉक एलिमेंट की तरह width, height, margin, padding स्वीकार करता है लाइन ब्रेक नहीं

border-collapse प्रॉपर्टी टेबल बॉर्डर्स को कॉलैप्स (मर्ज) करने के लिए CSS में border-collapse प्रॉपर्टी का उपयोग करें। मान: collapse: आसन्न सेल्स के बॉर्डर्स को सिंगल बॉर्डर में मर्ज करता है separate: बॉर्डर्स अलग रखता है (डिफ़ॉल्ट) initial / inherit: मानक CSS मान उदाहरण 1: कॉलैप्स्ड बॉर्

skew() फंक्शन skew() फंक्शन का उपयोग 2D प्लेन में किसी एलिमेंट को तिरछा (skew) करने के लिए किया जाता है। skew() फंक्शन के पैरामीटर के रूप में तिरछेपन की मात्रा सेट करें। सिंटैक्स: transform: skew(ax, ay); ax: X-अक्ष के साथ तिरछापन कोण (डिग्री, ग्रेड, रेडियन, टर्न) ay: Y-अक्ष के साथ तिरछापन को

पिक्सेल्स (px) में फॉन्ट साइज़ CSS में font-size प्रॉपर्टी सेट करने के लिए आप पिक्सेल्स (px) का भी उपयोग कर सकते हैं। यह तब फायदेमंद होता है जब आपको टेक्स्ट के लिए पिक्सेल-परफेक्ट सटीकता चाहिए। उदाहरण 1: विभिन्न यूनिट्स के साथ फॉन्ट साइज़ <!DOCTYPE html> <html> <head> <style&g

table-layout प्रॉपर्टी टेबल लेआउट को कंट्रोल करने के लिए table-layout प्रॉपर्टी का उपयोग करें। संभावित मान: table-layout: auto | fixed | initial | inherit; मानों का विवरण: auto: ब्राउज़र कंटेंट के आधार पर कॉलम चौड़ाई की गणना करता है (डिफ़ॉल्ट) fixed: टेबल और कॉलम चौड़ाई टेबल की चौड़ाई और कॉल

rgb() फंक्शन rgb() फंक्शन का उपयोग RGB कलर वैल्यू सेट करने के लिए किया जाता है। फंक्शन के पैरामीटर 0 से 255 तक के मान या प्रतिशत में रंग की तीव्रता सेट करते हैं। सिंटैक्स: rgb(red, green, blue) rgb(red%, green%, blue%) पैरामीटर्स: red: लाल की तीव्रता (0-255 या 0%-100%) green: हरे की तीव्रता

फिल्टर कंट्रास्ट() फंक्शन CSS में इमेज कंट्रास्ट सेट करने के लिए filter: contrast(%) का उपयोग करें। मानों की व्याख्या: 0%: इमेज पूरी तरह काली (ग्रेस्केल काला) 100%: मूल इमेज (डिफ़ॉल्ट) 100% से अधिक: अधिक कंट्रास्ट (गहरे रंग गहरे, चमकीले रंग चमकीले) 100% से कम: कम कंट्रास्ट (धुंधला/फीका प्

फिल्टर प्रॉपर्टी के साथ ड्रॉप शैडो CSS3 में इमेज पर ड्रॉप शैडो जोड़ने के लिए, filter प्रॉपर्टी के लिए drop-shadow मान का उपयोग करें। ड्रॉप शैडो पैरामीटर्स: h-shadow: क्षैतिज शैडो के लिए पिक्सेल मान (आवश्यक) v-shadow: लंबवत शैडो के लिए पिक्सेल मान (आवश्यक)। नकारात्मक मान शैडो को इमेज के ऊपर रख

text-justify प्रॉपर्टी CSS में text-justify प्रॉपर्टी का उपयोग टेक्स्ट के जस्टिफिकेशन मेथड को सेट करने के लिए किया जाता है जब text-align प्रॉपर्टी को justify मान पर सेट किया जाता है। संभावित मान: text-justify: auto | inter-word | inter-character | none | initial | inherit; मानों का विवरण: auto

scroll-behavior प्रॉपर्टी scroll-behavior प्रॉपर्टी का उपयोग स्क्रॉल के व्यवहार को सेट करने के लिए किया जाता है। हम निम्नलिखित मान सेट कर सकते हैं: scroll-behavior: auto | smooth | initial | inherit; मान: auto: तुरंत जंप (डिफ़ॉल्ट) smooth: स्मूथ एनिमेटेड स्क्रॉल initial: डिफ़ॉल्ट मान पर रीस

scale3d() फंक्शन scale3d() फंक्शन का उपयोग 3D स्पेस में किसी एलिमेंट को स्केल करने के लिए किया जाता है। एलिमेंट को पैरामीटर के रूप में सेट किए गए नंबरों के आधार पर स्केल किया जाता है। सिंटैक्स transform: scale3d(sx, sy, sz); जहाँ: sx: X-अक्ष (चौड़ाई) के लिए स्केल फैक्टर sy: Y-अक्ष (ऊंचाई) के

CSS में पोजिशनिंग मेथड्स एलिमेंट्स को पोजिशन करने के लिए CSS में निम्नलिखित पोजिशनिंग मेथड्स हैं: 1. रिलेटिव पोजिशनिंग (Relative Positioning) रिलेटिव पोजिशनिंग में, एलिमेंट को उसकी सामान्य पोजिशन के सापेक्ष पोजिशन किया जाता है। इसके लिए position: relative का उपयोग करें। उदाहरण <!DOCTYPE html&g

CSS में टेक्स्ट ट्रांसफॉर्मेशन CSS में टेक्स्ट ट्रांसफॉर्मेशन के लिए text-transform प्रॉपर्टी का उपयोग निम्नलिखित मानों के साथ करें: text-transform: none | capitalize | uppercase | lowercase | initial | inherit; उदाहरण निम्नलिखित उदाहरण में text-transform: uppercase का उपयोग करके सभी टेक्स्ट को बड

CSS में matrix3d() फ़ंक्शन का उपयोग 4x4 सजातीय 3D ट्रांसफॉर्मेशन मैट्रिक्स को परिभाषित करने के लिए किया जाता है। यह 3D स्पेस में जटिल ट्रांसफॉर्मेशन (स्थानांतरण, घुमाव, स्केलिंग, तिरछा) को एक मैट्रिक्स में संयोजित करता है। उदाहरण <!DOCTYPE html> <html> <head> <style>

rgba() लाल, हरे, नीले और अल्फा के लिए RGBA रंग मान परिभाषित करता है। अल्फा रंग की अपारदर्शिता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { background-color: hsla(140, 100%, 50%

अक्षरों यानी कैरेक्टर्स के बीच स्पेस सेट करने के लिए letter-spacing प्रॉपर्टी का उपयोग करें। प्रॉपर्टी मान letter-spacing: normal | length | initial | inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> p.demo1 { letter-spacing: 1px; } p.demo2 { letter

फ़िल्टर फ़ंक्शंस का उपयोग तत्वों पर दृश्य प्रभाव सेट करने के लिए किया जाता है जैसे कंट्रास्ट, ब्राइटनेस, ह्यू रोटेशन, अपारदर्शिता, इमेजेज पर, आदि। आइए कुछ फ़िल्टर फ़ंक्शन्स देखें। कंट्रास्ट CSS में इमेज कंट्रास्ट सेट करने के लिए, filter: contrast(%) उपयोग करें। याद रखें, मान 0 इमेज को काला बनाता है,

टेक्स्ट रंग सेट करने के लिए, CSS में color प्रॉपर्टी का उपयोग करें। आप रंग नाम, हेक्साडेसिमल मान, RGB मान, या HSL मान का उपयोग करके रंग सेट कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> span { background-color: orange; color: white; } p.demo

writing-mode प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि टेक्स्ट की लाइनें क्षैतिज या लंबवत रूप से रखी गई हैं। प्रॉपर्टी मान writing-mode: horizontal-tb | vertical-rl | vertical-lr; उदाहरण <!DOCTYPE html> <html> <head> <style> p { writing-mode: vertic