CSS var() फ़ंक्शन
- पिछला पृष्ठ CSS url() फ़ंक्शन
- अगला पृष्ठ CSS acos() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल
रोगचार और इस्तेमाल
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 वेरियेबल
- पिछला पृष्ठ CSS url() फ़ंक्शन
- अगला पृष्ठ CSS acos() फ़ंक्शन
- एक स्तर ऊपर सीएसएस फ़ंक्शन रेफरेंस मैनुअल