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 वेरियेबल