CSS Overflow: scrollbar-gutter

The "scrollbar-gutter" property provides control over the presence of gutters (the space which may be reserved to display a scrollbar).


This property provides authors with more control over how their layouts interact with the scrollbars provided by the UA. For example, authors will be able to prevent excessive layout changes when the content size expands, while avoiding unwanted visuals when scrolling isn't needed. The presence of the scrollbars themselves is still controlled by the "overflow" property. When a gutter is being displayed but a scrollbar is not, the gutter will be painted as an extension of the padding.



Working draft or equivalent

Status in Chromium


In development (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No signal
  • No signal
  • No signal
  • Positive


Search tags

css, layout, overflow, scrollbar, gutter, scrollbar-gutter,

Last updated on 2020-10-08