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.

The -ms-overflow-style CSS property is a Microsoft extension controlling the behavior of scrollbars when the content of an element overflows.

Initial value auto
Applies to non-replaced block-level elements and non-replaced inline-block elements
Inherited yes
Media interactive
Computed value as specified
Animation type discrete
Canonical order the unique non-ambiguous order defined by the formal grammar



The 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 width (for vertical scrollbars) or height (for horizontal scrollbars) 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.

© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.