CSS scrollbar-color özelliği

Tanım ve Kullanım

scrollbar-color Özellik, kaydırma çubuğu yolunu (arkaplan) ve slayın (kaydırma çubuğu) renğini belirtir.

Örnek

Elementin Kaydırma Çubuğu Renğini Ayarlayın:

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

Kişisel Deneyim

CSS Dilbilgisi

scrollbar-color: auto|color color;

Özellik Değeri

Değer Açıklama
auto Tarayıcı, kaydırma çubuğunun rengini ayarlar. Varsayılan Değer.
color color İlk renk, kaydırma çubuğu slayın rengini ayarlar, ikinci renk, kaydırma çubuğu yolunun rengini ayarlar.
initial Bu özelliği varsayılan değerine ayarlar. Gözatın initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Gözatın inherit。

Teknik Ayrıntılar

Varsayılan Değer: auto
Miras Alanı: evet
Animasyon Yapımı: Desteklenmiyor. Gözatın:Animasyon İle İlgili Özellikler。
Sürüm: CSS Kaydırma Çubuğu Stylaj Modülü 1
JavaScript Dilbilgisi: object.style.scrollbarColor="kırmızı mavi"

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
121 121 64 Desteklenmiyor 107