CSS/Eigenschaften/scrollbar-width

Browserunterstützung
caniuse.com

Die Eigenschaft scrollbar-width gibt der Scrollleiste eine andere Breite als vom Browser festgelgt

Erlaubte Werte

auto
thin
none

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

auto

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja

Beispiel

* {
  scrollbar-color: var(--brand) grey;
  scrollbar-width: thin;
}

Das entsprechende Element erhält eine dünne Scrolleiste.

Beachten Sie: Verwende diese Eigenschaft mit Vorsicht - die Einstellung von scrollbar-width auf thin oder none kann dazu führen, dass Inhalte nur schwer oder gar nicht gescrollt werden können, wenn der Autor keinen alternativen Scroll-Mechanismus anbietet. Während Wischgesten oder Mausräder das Scrollen bei solchen Inhalten ermöglichen können, haben einige Geräte keine Alternative zum Scrollen.