Перейти к содержанию

scrollbar-gutter

Свойство scrollbar-gutter позволяет авторам резервировать пространство для полосы прокрутки, предотвращая нежелательные изменения макета по мере роста содержимого, а также избегая ненужных визуальных эффектов, когда прокрутка не нужна.

Полоса прокрутки элемента — это пространство между внутренним краем границы и внешним краем заполнения, где браузер может отображать полосу прокрутки. Если полоса прокрутки отсутствует, желоб будет окрашен как расширение отступа.

Браузер определяет, используются ли классические полосы прокрутки или накладные полосы прокрутки:

  • Классические полосы прокрутки всегда помещаются в полосу, занимая место, если они присутствуют.
  • Наложенные полосы прокрутки размещаются над содержимым, а не в поле, и обычно частично прозрачны.

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* Initial value */
scrollbar-gutter: auto;

/* "stable" keyword, with optional modifier */
scrollbar-gutter: stable;
scrollbar-gutter: stable both-edges;

/* Global values */
scrollbar-gutter: inherit;
scrollbar-gutter: initial;
scrollbar-gutter: revert;
scrollbar-gutter: revert-layer;
scrollbar-gutter: unset;

Спецификация

Комментарии