Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस में चर

<घंटा/>

CSS में वेरिएबल का उपयोग आपके वेब पेज पर कस्टम प्रॉपर्टी मान जोड़ने के लिए किया जाता है। प्रॉपर्टी का एक कस्टम नाम सेट करें और इसके लिए मूल्य निर्धारित करें।

आप पृष्ठभूमि और टेक्स्ट का रंग बदलने के लिए सीएसएस में चर लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         :root {
            --my-bg-color: blue;
            --my-color: white;
         }
         #demo {
            background-color: var(--my-bg-color);
            color: var(--my-color);
         }
      </style>
   </head>
   <body>
      <h1>Heading One</h1>
      <div id = "demo">This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text. This is demo text. This is demo text.
         This is demo text. This is demo text.
      </div>
      <br>
   </body>
</html>

  1. सीएसएस रैखिक-ढाल () फ़ंक्शन

    रैखिक ढाल () का उपयोग रैखिक ढाल को पृष्ठभूमि छवि के रूप में परिभाषित करने के लिए किया जाता है - background-image: linear-gradient(direction, color-stop1, color-stop2, ...); ऊपर, शुरुआती बिंदु और दिशा सेट करें, उस रंग के साथ रुके हुए संक्रमण को सुचारू रूप से प्रस्तुत करने के लिए। उदाहरण आइए अब रैखि

  1. सीएसएस सही संपत्ति

    तत्व की क्षैतिज स्थिति निर्धारित करने के लिए सही गुण का उपयोग किया जाता है। इसे - . के रूप में सेट किया गया है right: auto|length|initial|inherit; उदाहरण आइए CSS में सही प्रॉपर्टी को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div {    

  1. सीएसएस का उपयोग करके टेक्स्ट इंडेंटेशन

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