И вот еще один урок посвященный CSS, как мы с вами рассмотрели в прошлом уроке, создание каскадных таблиц стилей, то сегодня я хотел бы поговорить, о полосе прокрутки страницы, или скроле. Как он может изменять свой цвет, свои границы, и вообще свой внешний вид. Обо всем этом мы сегодня с Вами поговорим. Мы с Вами будем разбирать наименование каждого фрагмента кода по отдельности. Итак начнем:
scrollbar-3dlight-color - определяет или устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки. Данный код можно вставлять и в саму страницу, например в тег BODY. Пример в каскадной таблице стилей(не в html - коде): 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;}
Ну вот собственно и все, поэкспериментируйте. А если возникнут вопросы - то спрашивайте не стесняйтесь. А я айда писать следующий урок...