O modificador FolEs calha-barra-rolagem permite reservar espaço para a barra de rolagem da página, evitando alterações de layout indesejadas à medida que o conteúdo cresce. O modificador também evita recursos visuais desnecessários quando a rolagem não é necessária.

A calha da barra de rolagem é o espaço entre a borda interna de um elemento e a borda externa de seu preenchimento, onde o navegador pode exibir uma barra de rolagem. Se nenhuma barra de rolagem estiver presente, a calha será pintada como uma extensão do preenchimento.

Sintaxe

/* Valor inicial */
calha-barra-rolagem: auto;

/* Valores específicos */
calha-barra-rolagem: estável;
calha-barra-rolagem: estável ambas-bordas;

/* Valores globais */
calha-barra-rolagem: herdar;
calha-barra-rolagem: inicial;
calha-barra-rolagem: reverter;
calha-barra-rolagem: reverter-camada;
calha-barra-rolagem: desarmar;

Tradução para CSS

calha-barra-rolagem é traduzido para scrollbar-gutter.