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> 