Как поменять скролл бар на сайте

Скролл бар — это вертикальная прокрутка, которая видна в Вашем браузере. Прокрутка бывает и горизонтальной, но это скорее редкость. Ширина мониторов довольно большая и сайты обычно без проблем умещаются.

Для любителей сделать что-то необычное на своем сайте можно легко поменять стиль скролла бара на сайте.

Синтаксис для смены скролл бара:

<style>
body{
scrollbar-shadow-color: color;
scrollbar-highlight-color: color;
scrollbar-3dlight-color: color;
scrollbar-darkshadow-color: color;
scrollbar-track-color: color;
scrollbar-arrow-color: color;
}
</style>

Где color может принимать любые html цвета. Их можно задавать в формате #RRGGBB или названия цвета.

  • scrollbar-arrow-color – цвет стрелки
  • scrollbar-track-color – цвет подложки
  • scrollbar-face-color – цвет самой полосы
  • scrollbar-shadow-color, scrollbar-highlight-color – цвет разделяющей полосы
  • scrollbar-3dlight-color, scrollbar-darkshadow-color – цвет внешних границ полосы




Читайте также:

• Коды символов для HTML

• Как добавить кнопку "Наверх" на сайте

• Специальные коды символов для HTML

• CSS border

• CSS font

• Как создать favicon.ico для сайта

• Как сделать форму обратной связи на php с каптчей

← Перейти в каталог html уроков и советов

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.