CSS scrollbar-color eigenschap

Definitie en gebruik

scrollbar-color De eigenschap specificeert de kleur van de scrollbar rail (achtergrond) en de slider (scrollbar).

Voorbeeld

Stel de kleur van de element scrollbar in:

div.scroller {
  breedte: 300 px;
  hoogte: 100 px;
  overflow-y: scroll;
  scrollbar-color: roze luchtblauw;
}

Probeer het zelf uit

CSS syntaxis

scrollbar-color: auto|color color;

Eigenschapswaarde

Waarde Beschrijving
auto Stel de kleur van de scrollbar in. Standaardwaarde.
color color De eerste kleur stelt de kleur van de scrollbar slider in, de tweede kleur stelt de kleur van de scrollbar rail in.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Inheriteer deze eigenschap van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inheritantie: ja
Animatieproductie: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS Scrollbars Styling Module Level 1
JavaScript syntaxis: object.style.scrollbarColor="red blue"

Browserondersteuning

Tafelgetallen vertegenwoordigen de browserversie die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Opera Opera 121 64 Niet ondersteund