خصائص scrollbar-color CSS

التعريف والاستخدام

scrollbar-color يحدد هذا الخاصية لون مسار السكربار (الخلفية) ولون السكربار (السكربار) نفسه.

مثال

تحديد لون سكربار العنصر:

div.scroller {
  width: 300px;
  height: 100px;
  overflow-y: scroll;
  scrollbar-color: pink lightblue;
}

جرب بنفسك

جملة لغة CSS

scrollbar-color: auto|color color;

قيمة الخاصية

القيمة الوصف
auto يحدد المتصفح لون السكربار. القيمة الافتراضية.
color color اللون الأول يحدد لون مسار السكربار، واللون الثاني يحدد لون السكربار نفسه.
initial أعد هذا الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit ينتقل هذا الخاصية من عنصر الأب. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: auto
التوريث: نعم
صنع الرسوم المتحركة: غير مدعوم. يرجى الرجوع إلى:خصائص متعلقة بالرسوم المتحركة.
الإصدار: مستوى 1 لمodule ت.style لـ CSS Scrollbars
جملة لغة JavaScript: object.style.scrollbarColor="red blue"

دعم المتصفح

الرقم في الجدول يعني إصدار المتصفح الذي يدعم الخاصية بشكل كامل أولاً.

Chrome Edge Firefox Safari أوبرا
121 121 64 غير مدعوم 107