The scrollbar-gutter CSS property gives control to the author over the presence of scrollbar gutters separately from the ability to control the presence of scrollbars provided by the overflow property.
Syntax
CSS
scrollbar-gutter: value;
JS
object.style.scrollbarGutter = "value";
Values
<'scrollbar-gutter'> = auto | stable && both-edges?
auto
Automatically specified by the user agent.
stable
The scrollbar gutter is present for classic scrollbars when overflow is hidden, scroll, or auto, regardless of whether the box is actually overflowing.
both-edges
If a scrollbar gutter would be present on one of the inline start edge or the inline end edge of the box, another scrollbar gutter must be present on the opposite edge as well.
Initial
auto
