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

Siehe auch

  • Scrollbalken gestalten
    • scrollbar-color
    • scrollbar-width
    • scrollbar-gutter
  • OnePager

Weblinks


Abgerufen am 23.07.2025
von "http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/scrollbar-width"