CSS/Eigenschaften/scrollbar-width

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);
  scrollbar-width: thin;
}

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

Beachten Sie: Verwenden Sie 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.

Siehe auch

• Benutzeroberfläche - Scrollbars

Weblinks

• Spezifikation (W3C): scrollbar-width property
• MDN: scrollbar-width