... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
 

Изменение стиля полосы прокрутки

 

 

Оформление элементов форм с CSS ||  Изменение стиля полосы прокрутки ||  Использование нескольких стилей
Создание ссылок-кнопок


Изменение стиля полосы прокрутки

При изучении HTML уже говорилось о том, что разные производители браузеров включали в свои браузеры поддержку тегов, которые не относились к официальной спецификации языка HTML. В связи с этим наблюдались некоторые разногласия в поддержке тегов. После создания стандартов и написания спецификаций ситуация улучшилась, поскольку основной набор поддерживаемых тегов все-таки был примерно одинаков. В случае с CSS также есть некоторые свойства, поддержка которых введена разработчиками только в браузерах собственного производства.

Например, в браузерах фирмы Microsoft, начиная с версии 5.5, введены некоторые свойства, поддержки которых просто нет в других браузерах, поскольку эти свойства не входят в официальную спецификацию CSS. С их помощью, например, можно устанавливать цвета полос прокрутки в браузере Internet Explorer 5.5 и выше.

Вы наверняка встречали такие страницы. Как правило, оформление полосы прокрутки у них значительно отличается от классической схемы, т.е. от традиционного серого цвета. Цвет полосы меняется в соответствии с общей цветовой гаммой сайта. Рассмотрим свойства, позволяющие изменить вид полосы прокрутки (рисунок), — каждое из них отвечает за цвет отдельного элемента.

Свойства для задания стиля полосы прокрутки
  • scrollbar-3d-light-color - цвет блика ползунка, который располагается на левой и верхней сторонах бегунка и стрелок (по умолчанию белый).
  • scrollbar-arrow-color - цвет стрелок прокрутки (по умолчанию черный).
  • scrollbar-base-color - основной цвет самой полосы (по умолчанию серый).
  • scrollbar-dark-shadow-color - цвет для тени, которая располагается на правой и нижней сторонах бегунка и стрелок (по умолчанию черный).
  • scrollbar-face-color - основной цвет для стрелок и бегунка (по умолчанию серый).
  • scrollbar-highlight-color - цвет блика на полосе прокрутки.
  • scrollbar-shadow-color - цвет тени на полосе прокрутки.
  • scrollbar-track-color - цвет фона полосы прокрутки.

Все указанные свойства не относятся к официальной спецификации CSS, поэтому не поддерживаются никакими другими браузерами, которые их просто игнорируют. Однако это не мешает их использовать, - просто в остальных браузерах полоса прокрутки будет выглядеть обычно.

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

 

Оформление элементов форм с CSS ||  Изменение стиля полосы прокрутки ||  Использование нескольких стилей
Создание ссылок-кнопок

 

Наверх страницы

 

Уроки CSS © 2007 - 2018 г. Все права защищены