Техника Web-дизайна для студента
Изменение цвета элементов полосы прокрутки
Для полосы прокрутки предусмотрена возможность изменения цвета отдельных ее элементов. Рассмотрим свойства, позволяющие установить данные изменения (рис. 7.14).
|
Рис. 7.14. Элементы полосы прокрутки, цвета которых можно изменять |
1. Scrollbar-track-color — цвет фона полосы прокрутки;
2. Scrollbar-base-color — базовый цвет полосы;
3. Scrollbar-arrow-color — цвет треугольных стрелок;
4. Scrollbar-shadow-color — цвет тени на полосе;
5. Scrollbar-darkshadow-color — цвет темной тени на полосе;
6. scroiibar-highiight-coior — цвет светлого 6.1 и ка на полосе;
7. scroiibar-3diight-coior — цвет крайнего блика на полосе.
В большинстве случаев можно обойтись гораздо меньшим количеством свойств. Дело в том, что при изменении только базового цвета полос прокрутки (свойство scrollbar-base-color), фон полосы, тени и блики будут заполнены оттенками базового цвета. Изменив еще и цвет треугольных стрелок (свойство scrollbar-arrow-color), можно вполне обойтись только двумя свойствами. Для изменения цвета полос прокрутки всей страницы необходимо разместить соответствующие свойства в метке <body>. Например:
<BODY style="scrollbar-base-color: green; scrollbar-arrow - color: yellow">
Цвет полос прокрутки можно менять и в отдельных блоках. Для этого необходимые свойства размещаются в метке, образующей блок. Например:
<DIV style="overflow: auto; scrollbar-base-color: red; scrollbar-arrow-color: blue; width: 300; height: 200">Содержимое блока</01?>
