This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

-ms-overflow-style is a proprietary CSS property, specific to Internet Explorer and Microsoft Edge, which controls the behavior of scrollbars when an element's content overflows.

Initial valueauto
Applies tonon-replaced block-level elements and non-replaced inline-block elements
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar


Initial value. Same as inherit.
Scrollbars are never displayed, although the element can still be scrolled if the element's content overflows.
"Traditional" scrollbars are displayed if the element's content overflows. "Traditional" scrollbars don't auto-hide and never overlap the element's content. Accordingly, the dimensions of the layout area for the content are reduced by the girth of the scrollbar(s).
Auto-hiding scrollbars are used if the element's content overflows. Auto-hiding scrollbars are displayed during scrolling or shortly after the pointer interacts with the page, and are hidden shortly after scrolling and pointer interaction stops. When they are visible, auto-hiding scrollbars overlap the element's content.

Formal syntax

auto | none | scrollbar | -ms-autohiding-scrollbar


Not part of any specification.

Document Tags and Contributors

 Contributors to this page: jameshkramer, mfluehr, wbamberg, rolfedh, cvrebert
 Last updated by: jameshkramer,