स्क्रॉलबार-रंग - सीएसएस-ट्रिक्स

scrollbar-color: संपत्ति एक स्क्रॉलबार के दो रंगों को नियंत्रित करता है अंगूठे रंग और मार्ग का रंग । scrollbar-colorCSS वर्किंग ग्रुप के स्क्रॉलबार मॉड्यूल स्तर 1 ड्राफ्ट का हिस्सा है, जो इस लेखन के रूप में अभी भी प्रगति पर है।

पहले scrollbar-color, डेवलपर्स के पास कोई मानक तरीका नहीं था कि वे स्क्रॉलबार को छुपाने overflow: hiddenऔर जावास्क्रिप्ट-आधारित स्क्रोलबार के माध्यम से रेंडर करने या ब्राउज़र-उपसर्ग स्क्रॉलबार विशेषताओं का उपयोग किए बिना ब्राउज़र के स्क्रॉलबार के डिफ़ॉल्ट स्वरूप को बदल सकें। साथ scrollbar-color, दूसरे हाथ पर, हम एक स्क्रॉलबार ब्राउज़र कार्यक्षमता redoing या विक्रेता उपसर्गों का उपयोग कर का सहारा के बिना एक डिजाइन मैच के लिए शैली दे सकते हैं।

.scrollable-element ( scrollbar-color: red yellow; )

scrollbar-colorमैक OSX पर डार्क मोड जैसी किसी चीज़ का उपयोग करने पर उपयोगकर्ता की वरीयताओं से मेल खाने के लिए darkऔर मानों को भी स्वीकार करेगा light।

.scrollable-element ( scrollbar-color: dark; )

मार्च 2019 तक, किसी भी ब्राउज़र में समर्थन darkऔर lightमान उपलब्ध नहीं हैं। फ़ायरफ़ॉक्स में समर्थित है। विवरण के लिए नीचे ब्राउज़र समर्थन अनुभाग देखें।

वाक्य - विन्यास

scrollbar-color: auto | dark | light | ;

मूल्यों

scrollbar-color निम्नलिखित मूल्यों को स्वीकार करता है:

auto डिफ़ॉल्ट मान है और उपयोगकर्ता एजेंट के लिए मानक स्क्रॉलबार रंग प्रदान करेगा।
dark उपयोगकर्ता एजेंट को वर्तमान रंग योजना से मिलान करने के लिए गहरे स्क्रॉलबार का उपयोग करने के लिए कहेंगे।
light वर्तमान रंग योजना से मेल करने के लिए लाइटर स्क्रॉलबार का उपयोग करने के लिए उपयोगकर्ता एजेंट को बताएगा।
स्क्रॉलबार के लिए उपयोग किए जाने वाले दो रंगों को निर्दिष्ट करता है। पहला रंग "अंगूठे" या स्क्रॉलबार के जंगम भाग के लिए है जो शीर्ष पर दिखाई देता है। दूसरा रंग "ट्रैक" या स्क्रॉलबार के निश्चित भाग के लिए है।