Теги HTML

       

CSS: ПОЛОСА ПРОКРУТКИ


Данные настройки применимы ко всем элементам, имеющим полосы прокрутки: сама страница (элемент BODY), текстовый блок (TEXTAREA) и т.д.



scrollbar-3dlight-color Определяет или устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки
body {scrollbar-3dlight-color: green;}
scrollbar-arrow-color Устанавливает или определяет цвет стрелок на кнопке со стрелками

body {scrollbar-arrow-color: red;}

scrollbar-base-color Устанавливает или определяет цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color

body {scrollbar-base-color: green;}

scrollbar-darkshadow-color Устанавливает или определяет цвет тени для ползунка и кнопок со стрелками

body {scrollbar-darkshadow-color: red;}

scrollbar-face-color Устанавливает или определяет цвет ползунка и кнопок со стрелками. Также, если вы не задали параметр SCROLLBAR-TRACK-COLOR, у вас изменится цвет дорожки

body {scrollbar-face-color: green;}

scrollbar-highlight-color Устанавливает или получает цвет подсветки, создающий эффект объёмности. Это цвет, который окаймляет освещённую часть кнопочки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда нажата - нижний правый угол
body {scrollbar-highlight-color: green;}
scrollbar-shadow-color Схоже с scrollbar-darkshadow-color

body {scrollbar-shadow-color: green;}

scrollbar-track-color Устанавливает или получает цвет дорожки для ползунка

body {scrollbar-track-color: aqua;}

Примеры

Верх и левый край ползунка и кнопок со стрелками в этом текстовом поле должны быть синего цвета, стрелки белого цвета. А дорожка для ползунка небесного цвета.



Содержание раздела