Как изменить полосу прокрутки блока (высоту или скрыть за border)?

Для изменения внешнего вида полосы прокрутки блока в CSS, можно использовать некоторые стилизации, чтобы изменить высоту или скрыть ее за рамкой.

Чтобы изменить высоту полосы прокрутки, вы можете использовать свойство scrollbar-width для указания ширины полосы и scrollbar-color для указания ее цвета. Однако, на данный момент эти свойства поддерживаются только в браузере Firefox.

/* Скрыть полосу прокрутки */
.element::-webkit-scrollbar {
  display: none; /* Скрыть полосу прокрутки в WebKit-браузерах */
}

.element {
  scrollbar-width: thin; /* Задать ширину полосы прокрутки (тонкую) */
  scrollbar-color: red transparent; /* Задать цвет полосы прокрутки и фона (красный) */
}

Если же вам нужно скрыть полосу прокрутки за рамкой, вы можете воспользоваться свойством overflow:

.element {
  overflow: auto; /* Включить полосу прокрутки только при необходимости */
  border: 1px solid black; /* Установить рамку блока */
  width: 200px; /* Задать ширину блока */
  height: 200px; /* Задать высоту блока */
}

В результате, если размер контента блока превышает размер блока, появится полоса прокрутки, которая будет скрыта за рамкой блока.