CSS scrollbar-color ominaisuus

Määrittely ja käyttö

scrollbar-color Ominaisuus määrittelee pyyhkyyksen ratojen (taustan) ja liukusäleikkien (pyyhkyyksen) värit.

Esimerkki

Aseta elementin pyyhkyyksen väri:

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

Kokeile itse!

CSS kieli

scrollbar-color: auto|color color;

Ominaisuuden arvo

Arvo Kuvaus
auto Selaimen asettama pyyhkyyksen väri. Oletusarvo.
color color Ensimmäinen väri asettaa pyyhkyyksen liukusäleikkien väri, toinen väri asettaa pyyhkyyksen ratojen väri.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial。
inherit Perii tämän ominaisuuden isältään. Katso: inherit。

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: kyllä
Animaation tekeminen: Ei tuettu. Katso:Animaatiot。
Versio: CSS Scrollbars Styling Module Taso 1
JavaScript kieli: object.style.scrollbarColor="red blue"

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen selaimen version, joka tukee kyseistä ominaisuutta täysin。

Chrome Edge Firefox Safari Opera
121 121 64 Ei tuettu 107