CSS में var() फ़ंक्शन का उपयोग आपके वेब पेज पर कस्टम प्रॉपर्टी मान जोड़ने के लिए किया जाता है। प्रॉपर्टी का एक कस्टम नाम सेट करें और इसके लिए मूल्य निर्धारित करें।
उदाहरण
आप var() फ़ंक्शन को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं
<!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>