ویژگی scrollbar-color CSS

تعریف و استفاده

scrollbar-color ویژگی مشخص می‌کند که رنگ لولایه‌های اسکرول (پایه) و لولایه‌های اسکرول (اسکرول‌بار) چیست.

مثال

تنظیم رنگ لولایه‌های اسکرول عنصر:

div.scroller {
  width: 300 پیکسل;
  height: 100 پیکسل;
  overflow-y: scroll;
  scrollbar-color: صورتی روشن‌آبی;
}

آزمایش شخصی کنید

نوع‌ نگارش CSS

scrollbar-color: خودکار|رنگ رنگ;

مقدار ویژگی

مقدار توضیح
خودکار تنظیم رنگ لولایه‌های اسکرول توسط مرورگر. مقدار پیش‌فرض.
رنگ رنگ اولین رنگ برای تنظیم رنگ لولایه‌های اسکرول (پایه) استفاده می‌شود، دومی برای تنظیم رنگ لولایه‌های اسکرول (اسکرول‌بار) استفاده می‌شود.
ابتدایی این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: مراجعه کنید ابتدایی。
ارث‌پذیری این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به: مراجعه کنید ارث‌پذیری。

جزئیات فنی

مقدار پیش‌فرض: خودکار
ارث‌پذیری: بله
انیمیشن‌سازی: پشتیبانی نمی‌شود. لطفاً به: مراجعه کنیدویژگی‌های مرتبط با انیمیشن。
نسخه: مодуل استایل‌دهی لولایه‌های اسکرول CSS سطح 1
نوع‌ نگارش JavaScript: object.style.scrollbarColor="red blue"

پشتیبانی مرورگر

تعداد در جدول نشان‌دهنده نسخه مرورگر اولین است که این ویژگی را کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
121 121 64 پشتیبانی نمی‌شود 107