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 Defaultwert: auto
anwendbar auf	alle Elemente
Browsersupport	Details: caniuse.com
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.

Weblinks

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

Siehe auch

• Benutzeroberfläche - Scrollbars