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>