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 (Unterschied Tag Element Attribut)
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

Siehe auch