CSS Overflow: scrollbar-gutter

CSS

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

Motivation

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.

Documentation

Specification

Working draft or equivalent

Status in Chromium

Blink>CSS


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

Owner

Search tags

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

Last updated on 2020-10-08