HSLA रंग मान ह्यू, सैचुरेशन, लाइटनेस और अल्फा के लिए है। अल्फा रंग की अपारदर्शिता है यानी 0.0 और 1.0 के बीच की संख्या। यहां, 0.0 पूर्ण पारदर्शी के लिए है, जबकि 1.0 पूर्ण अपारदर्शी के लिए होगा। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { background-col

CSS में rotate() फ़ंक्शन किसी तत्व को घुमाता है। पैरामीटर घुमाव के कोण को सेट करता है। मान डिग्री, रेडियन, ग्रेड, या टर्न में हो सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo1 { background-color: hsla(140, 100%, 50%, 0.8); } #demo2 { backg

position: fixed के साथ सेट किया गया तत्व पेज स्क्रॉल होने पर भी उसी स्थान पर रहता है। यह व्यूपोर्ट के सापेक्ष स्थित होता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div.demo1 { position: relative; color: white; background-color:

CSS में टेक्स्ट फॉर्मेट करने के लिए, आप टेक्स्ट रंग, टेक्स्ट सजावट, लाइन ऊंचाई, टेक्स्ट दिशा, टेक्स्ट संरेखण आदि बदल सकते हैं। टेक्स्ट संरेखण CSS का उपयोग करके टेक्स्ट संरेखण सेट करने के लिए, text-align प्रॉपर्टी का उपयोग करें। संभावित प्रॉपर्टी मान निम्न हैं: text-align: left | right | center | jus

CSS में scale() फ़ंक्शन का उपयोग 2D तल पर किसी तत्व का आकार बदलने वाले ट्रांसफॉर्मेशन को परिभाषित करने के लिए किया जाता है। स्केलिंग की मात्रा को प्रत्येक दिशा में scale() फ़ंक्शन के पैरामीटर के रूप में सेट करें। उदाहरण <!DOCTYPE html> <html> <head> <style> .tr

CSS में font-size प्रॉपर्टी सेट करने के लिए आप em का उपयोग कर सकते हैं। यह तब फायदेमंद होता है जब आपको टेक्स्ट के लिए पिक्सेल सटीकता की आवश्यकता होती है। डिफ़ॉल्ट रूप से 1em = 16px, और 2em = 32px। उदाहरण <!DOCTYPE html> <html> <head> <style> .demo { te

टेक्स्ट पर उपयोग की जाने वाली सजावट का प्रकार सेट करने के लिए text-decoration-line प्रॉपर्टी का उपयोग करें। CSS में हमारे पास टेक्स्ट सजावट के लिए निम्न विकल्प हैं: text-decoration-line: none | underline | overline | line-through | initial | inherit; उदाहरण <!DOCTYPE html> <html> <

CSS में प्रत्येक तत्व का एक डिफ़ॉल्ट डिस्प्ले मान होता है और हम इसे आसानी से बदल सकते हैं। यह डिस्प्ले प्रॉपर्टी मान को स्पष्ट रूप से सेट करके किया जाता है। आइए एक उदाहरण देखें जहां हम क्षैतिज मेनू के लिए इंलाइन डिस्प्ले प्रॉपर्टी मान सेट कर रहे हैं। उदाहरण <!DOCTYPE html> <html> <

display प्रॉपर्टी मान block का उपयोग करने से एक तत्व नई लाइन पर शुरू होता है। इसके साथ, यह पूरी चौड़ाई ले लेता है। इसलिए, तत्व एक ब्लॉक तत्व के रूप में प्रदर्शित होता है। उदाहरण <!DOCTYPE html> <html> <head> <style> p { background-color: orange; color: white; }

टेक्स्ट सजावट की शैली सेट करने के लिए text-decoration-style प्रॉपर्टी का उपयोग करें। आप निम्न मानों का उपयोग कर सकते हैं: text-decoration-style: solid | double | dotted | dashed | wavy | initial | inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> span {

ग्रिड टेम्पलेट प्रॉपर्टी सेट करने के लिए, आपको पंक्तियों और कॉलम की संख्या निर्दिष्ट करनी होगी। इसके साथ, ग्रिड लेआउट के भीतर क्षेत्र भी सेट करें। ग्रिड टेम्पलेट के लिए सिंटैक्स निम्नानुसार है: grid-template: none | grid-template-rows / grid-template-columns | grid-template-areas | initial | inherit

ग्रिड लेआउट के भीतर क्षेत्र सेट करने के लिए grid-template-areas प्रॉपर्टी का उपयोग करें। यह नामित ग्रिड क्षेत्रों को परिभाषित करके लेआउट को विज़ुअल रूप से मैप करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> .demo { grid-area: newArea; } .grid-conta

hyphens प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि जब टेक्स्ट कई लाइनों में लपेटता है तो शब्दों को कैसे हाइफ़नेट (हाइफ़न के साथ तोड़ा) किया जाए। मान hyphens: none | manual | auto | initial | inherit; उदाहरण: manual <!DOCTYPE html> <html> <head> <style>

isolation प्रॉपर्टी का उपयोग यह परिभाषित करने के लिए किया जाता है कि कोई तत्व एक नया स्टैकिंग संदर्भ बनाएगा या नहीं। सिंटैक्स isolation: auto | isolate | initial | inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> .demo1 { background-color: orange; }

object-position प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि किसी इमेज या वीडियो को उसके अपने बॉक्स के अंदर कैसे स्थित किया जाना चाहिए। यह object-fit के साथ मिलकर काम करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> img.demo { width

HSL का अर्थ है ह्यू (रंग), सैचुरेशन (संतृप्ति), और लाइटनेस (हल्कापन) जब तत्वों के लिए रंग सेट किया जाता है। ह्यू मान 0 से 360 तक होता है, जहां 0 या 360 लाल के लिए, 240 नीले के लिए, जबकि 120 हरे के लिए होता है। सैचुरेशन और लाइटनेस प्रतिशत मान हैं। उदाहरण <!DOCTYPE html> <html> <head

CSS rest-after प्रॉपर्टी स्पीच मीडिया के लिए उपयोगी है जो किसी तत्व के बाद विराम सेट करती है। सिंटैक्स rest-after: <time> | none | x-weak | weak | medium | strong | x-strong यहां, x-weak | weak | medium | strong | x-strong विराम की शक्ति के अनुसार विराम है। उदाहरण h1 { rest-after: 15ms; } समय

CSS में vertical-align प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह इंलाइन या टेबल-सेल तत्वों के ऊर्ध्वाधर संरेखण को बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> img { vertical-align: 80px; animation: myanim 3s;

CSS में transform प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह 2D/3D ट्रांसफॉर्मेशन (घुमाव, स्केलिंग, स्थानांतरण, तिरछा) को एनिमेट करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { margin: auto; border: 2px solid bl

CSS में width प्रॉपर्टी पर एनिमेशन लागू करने का तरीका यहां दिखाया गया है। यह तत्व की चौड़ाई को समय के साथ बदलता है। उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 300px; height: 250px; background-color: maroon; col