CSS/Eigenschaften/scrollbar-width

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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
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

Weblinks