सीएसएस वर () समारोह
उदाहरण
सबसे पहले, "--main-bg-color" नामक एक वैश्विक चर घोषित करें, फिर बाद में स्टाइल शीट में वेरिएबल के मान को सम्मिलित करने के लिए var() फ़ंक्शन का उपयोग करें:
:root {
--main-bg-color: coral;
}
#div1 {
background-color: var(--main-bg-color);
}
#div2 {
background-color: var(--main-bg-color);
}
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
var() फ़ंक्शन का उपयोग CSS वेरिएबल के मान को सम्मिलित करने के लिए किया जाता है।
संस्करण: | CSS3 |
---|
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो फ़ंक्शन का पूर्ण समर्थन करता है।
Function | |||||
---|---|---|---|---|---|
var() | 49.0 | 15.0 | 31.0 | 9.1 | 36.0 |
सीएसएस सिंटेक्स
var(--name, value)
Value | Description |
---|---|
name | Required. The variable name (must start with two dashes) |
value | Optional. The fallback value (used if the variable is not found) |
और ज्यादा उदाहरण
उदाहरण
एक अन्य उदाहरण जो कई CSS चर मान सम्मिलित करने के लिए var() फ़ंक्शन का उपयोग करता है:
: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);
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस वैरिएबल