word-spacing प्रॉपर्टी शब्दों के बीच स्पेसिंग सेट करने के लिए word-spacing प्रॉपर्टी का उपयोग करें। सिंटैक्स: word-spacing: normal | length | initial | inherit; मान: normal: डिफ़ॉल्ट शब्द स्पेसिंग (आमतौर पर 0.25em) length: अतिरिक्त स्पेस (px, em, rem, cm, आदि)। नकारात्मक मान अनुमत। उदाहरण

mix-blend-mode प्रॉपर्टी mix-blend-mode प्रॉपर्टी का उपयोग यह सेट करने के लिए किया जाता है कि किसी एलिमेंट का कंटेंट उसके डायरेक्ट पैरेंट बैकग्राउंड के साथ कैसे ब्लेंड होना चाहिए। ब्लेंड मोड मान: mix-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | d

text-align प्रॉपर्टी CSS में टेक्स्ट अलाइनमेंट सेट करने के लिए text-align प्रॉपर्टी का उपयोग करें। संभावित मान: text-align: left | right | center | justify | initial | inherit; मान: left: बाएं अलाइन (LTR में डिफ़ॉल्ट) right: दाएं अलाइन center: केंद्र अलाइन justify: दोनों किनारों पर अलाइन

text-decoration प्रॉपर्टी CSS में टेक्स्ट डेकोरेशन के लिए text-decoration प्रॉपर्टी का उपयोग एक शॉर्टहैंड के रूप में निम्नलिखित प्रॉपर्टीज के लिए किया जाता है: text-decoration-line text-decoration-color text-decoration-style सब-प्रॉपर्टीज: text-decoration-line: underline, overline, line-through

लिस्ट्स फॉर्मेट करना अनऑर्डर्ड और ऑर्डर्ड दोनों लिस्ट्स को फॉर्मेट करने के लिए list-style-type, list-style-image, और list-style-position प्रॉपर्टीज का उपयोग करें। उदाहरण 1: अनऑर्डर्ड लिस्ट (ul) - square मार्कर <!DOCTYPE html> <html> <head> <style> ul { list-style-type: squa

CSS से लिस्ट स्टाइलिंग लिस्ट्स ऑर्डर्ड (ol) और अनऑर्डर्ड (ul) होती हैं। CSS से आप लिस्ट आइटम मार्कर्स का प्रकार सेट कर सकते हैं या मार्कर्स के लिए इमेज उपयोग कर सकते हैं। साथ ही लिस्ट-आइटम मार्कर्स की पोजिशन भी सेट कर सकते हैं। 1. list-style-type list-style-type लिस्ट-आइटम मार्कर का प्रकार सेट करत

CSS से टेबल स्टाइलिंग CSS के साथ टेबल्स को स्टाइल करने के लिए हम बॉर्डर्स सेट कर सकते हैं, कॉलैप्स कर सकते हैं, चौड़ाई और ऊंचाई सेट कर सकते हैं। पैडिंग, टेक्स्ट अलाइनमेंट आदि भी सेट कर सकते हैं। उदाहरण 1: टेबल बॉर्डर्स <!DOCTYPE html> <html> <head> <style> table, th, td {

column-gap प्रॉपर्टी CSS3 में कॉलम गैप सेट करने के लिए column-gap प्रॉपर्टी का उपयोग करें। सिंटैक्स: column-gap: length | normal | initial | inherit; मान: length: निश्चित गैप (px, em, rem, आदि) normal: ब्राउज़र डिफ़ॉल्ट (आमतौर पर 1em) उदाहरण 1: फिक्स्ड कॉलम गैप (25px) <!DOCTYPE html>

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

columns प्रॉपर्टी CSS3 में कॉलम काउंट और चौड़ाई सेट करने के लिए columns प्रॉपर्टी का उपयोग करें। यह column-width और column-count प्रॉपर्टीज के लिए शॉर्टहैंड है। सिंटैक्स: columns: auto | column-width column-count | initial | inherit; मान: auto: दोनों प्रॉपर्टीज डिफ़ॉल्ट पर (ब्राउज़र तय करता है

फिल्टर ब्राइटनेस CSS में इमेज ब्राइटनेस सेट करने के लिए filter: brightness(%) का उपयोग करें। मानों की व्याख्या: 0%: इमेज पूरी तरह काली 100%: मूल इमेज (डिफ़ॉल्ट) 100% से अधिक: अधिक ब्राइट (उदाहरण: 200% = दोगुना ब्राइट) 100% से कम: गहरी/कम ब्राइट उदाहरण <!DOCTYPE html> <html>

RGBA कलर वैल्यू RGBA = Red, Green, Blue, Alpha। अल्फा रंग की अपारदर्शिता है यानी 0.0 और 1.0 के बीच की संख्या। यहाँ 1.0 पूरी तरह अपारदर्शी के लिए होगा। सिंटैक्स: rgba(red, green, blue, alpha) पैरामीटर्स: Red, Green, Blue: 0-255 या 0%-100% Alpha: 0.0 (पूरी तरह पारदर्शी) से 1.0 (पूरी तरह अपारदर

फिल्टर ग्रेस्केल CSS3 में इमेज को ग्रेस्केल में बदलने के लिए, filter प्रॉपर्टी के लिए grayscale() मान का उपयोग करें। सिंटैक्स: filter: grayscale(percentage); मान: 0%: मूल रंगीन इमेज (डिफ़ॉल्ट) 100%: पूरी तरह ग्रेस्केल (काला-सफेद) 0-100% के बीच: आंशिक ग्रेस्केल इफेक्ट 100% से अधिक: 100% प

फिल्टर ह्यू-रोटेट CSS3 में इमेज पर ह्यू रोटेशन लागू करने के लिए, filter प्रॉपर्टी के लिए hue-rotate() मान का उपयोग करें। सिंटैक्स: filter: hue-rotate(angle); पैरामीटर: angle: रंग चक्र पर घुमाव कोण (deg, rad, grad, turn) 0deg: कोई परिवर्तन नहीं (डिफ़ॉल्ट) 360deg / 1turn: पूरा चक्र = मूल रंग

फिल्टर ऑपेसिटी CSS3 में इमेजेज पर ऑपेसिटी लागू करने के लिए, filter प्रॉपर्टी के लिए opacity() मान का उपयोग करें। सिंटैक्स: filter: opacity(percentage); 0%: पूरी तरह पारदर्शी (अदृश्य) 100%: पूरी तरह अपारदर्शी (डिफ़ॉल्ट, मूल इमेज) 0-100% के बीच: आंशिक पारदर्शिता उदाहरण <!DOCTYPE html>

matrix() फंक्शन CSS में matrix() फंक्शन का उपयोग एक समरूप 2D ट्रांसफॉर्मेशन मैट्रिक्स को परिभाषित करने के लिए किया जाता है। रैखिक ट्रांसफॉर्मेशन को पैरामीटर के रूप में सेट करें। सिंटैक्स: transform: matrix(a, b, c, d, tx, ty); मैट्रिक्स पैरामीटर्स: यह 2x3 मैट्रिक्स दर्शाता है: [ a c tx ] [ b d

right प्रॉपर्टी right प्रॉपर्टी का उपयोग एलिमेंट की क्षैतिज स्थिति सेट करने के लिए किया जाता है। यह पोजिशन्ड एलिमेंट्स (relative, absolute, fixed, sticky) पर काम करता है। सिंटैक्स: right: auto | length | % | initial | inherit; मान: auto: ब्राउज़र गणना करता है (डिफ़ॉल्ट) length: px, em, rem,

linear-gradient() फंक्शन linear-gradient() का उपयोग रैखिक ग्रेडिएंट को बैकग्राउंड इमेज के रूप में परिभाषित करने के लिए किया जाता है। सिंटैक्स: background-image: linear-gradient(direction, color-stop1, color-stop2, ...); पैरामीटर्स: direction: ग्रेडिएंट की दिशा (to right, to bottom right, 45deg

CSS3 कलर मॉडल्स CSS3 में रंगों को परिभाषित करने के लिए RGBA, HSL और HSLA मॉडल्स का उपयोग करें। 1. RGBA कलर वैल्यू RGBA = Red, Green, Blue, Alpha। अल्फा रंग की पारदर्शिता है (0.0 से 1.0 के बीच)। 1.0 = पूरी तरह अपारदर्शी। सिंटैक्स: rgba(red, green, blue, alpha) Red, Green, Blue: 0-255 या 0%-100%

font-variant प्रॉपर्टी CSS में font-variant प्रॉपर्टी निम्नलिखित प्रॉपर्टीज का शॉर्टहैंड है: font-variant-caps font-variant-numeric font-variant-alternates font-variant-ligatures font-variant-east-asian बुनियादी मान (CSS1/2): font-variant: normal | small-caps | initial | inherit; मान: