सीएसएस एक्सेंट-कलर एट्रिब्यूट

वर्णन और उपयोग

accent-color उपयोगकर्ता इंटरफेस कंट्रोल के लिए दोहराव रंग को निर्दिष्ट करने के लिए इस गुण का उपयोग किया जाता है, उदाहरण के लिए:

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

उदाहरण

विभिन्न उपयोगकर्ता इंटरफेस कंट्रोल के लिए दोहराव रंग सेट करें:

input[type=checkbox] {
  accent-color: red;
}
input[type=radio] {
  accent-color: green;
}
input[type=range] {
  accent-color: rgb(0, 0, 255);
}
progress {
  accent-color: hsl(39, 100%, 50%);
}

अपने आप से प्रयास करें

CSS व्याकरण

accent-color: auto|color|initial|inherit;

गुण मूल्य

मूल्य वर्णन
auto मूलभूत मूल्य
रंग

दोहराव रंग को निर्दिष्ट करने के लिए रंग

सभी वैध रंग मूल्यों को इस्तेमाल कर सकते हैं (rgb, हेक्साडेसिमल, नामक रंग आदि)。

वैध मूल्यों के बारे में अधिक जानकारी के लिए हमारे CSS रंग पाठ्यक्रम को देखें。

initial इस गुण को उसके मूलभूत मूल्य पर सेट करें। देखें: initial
inherit अपने पितृ तत्व से इस गुण को विरासत करें। देखें: inherit

तकनीकी विवरण

मूलभूत मूल्य: auto
विरासत करने की क्षमता: हाँ
एनिमेशन निर्माण: समर्थन: देखें:एनिमेशन से संबंधित गुण
संस्करण: CSS4
JavaScript व्याकरण: object.style.accentColor="red"

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。

Chrome Edge Firefox Safari ओपेरा
93.0 93.0 92.0 15.4 79.0