CSS var() ফাংশন

বর্ণনা ও ব্যবহার

CSS- var() ফাংশন যুক্ত CSS বদলযোগ্য মান যুক্ত করা।

প্রতিমান

উদাহরণ 1

প্রথমে, --main-bg-color নামের একটি সার্বজনীন পরিবর্তনীয় ঘোষণা করুন, এবং পরে স্টাইল সূচীতে ব্যবহার করুন var() ফাংশন যুক্ত পরিবর্তনীয় মান যুক্ত করা:

:root {
  --main-bg-color: coral;
}
#div1 {
  background-color: var(--main-bg-color);
}
#div2 {
  background-color: var(--main-bg-color);
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

আরেকটি ব্যবহার var() একটি CSS বদলযোগ্য মান যুক্ত করার ফাংশনের উদাহরণ:

:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
}
#div1 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}
#div2 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}

আপনার হাতে পরীক্ষা করুন

CSS গ্রামার

var(--name, value)
মান বর্ণনা
--name প্রয়োজনীয়। পরিবর্তনীয় নাম (দুই ড্যাগার দ্বারা ভাবতে হবে)।
value বাছাইযোগ্য। পুলকৃত মান (যদি পরিবর্তনীয় অপরিণত থাকলে)।

প্রযুক্তিগত বিবরণ

সংস্করণ: CSS3

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম এই ফাংশনটির সম্পূর্ণভাবে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে

Chrome Edge Firefox স্যাফারি অপেরা
49 15 31 9.1 36

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষা:CSS ভিন্নতা