САЙТЫ ПОД КЛЮЧ

ГЛАВНАЯ

НАШИ ПРОЕКТЫ

Электронные платежи
Платежные системы
Курс обучения WebMoney
Автоматизация платежей
Сервис RoboKassa
WebMoney Mobile
Полезные ресурсы
Файлохранилища
Социальные сети
Поисковые системы
WEB-программирование
Теги HTML в примерах
Справочник по CSS
Основы PHP
Справочник JavaScript
Самоучитель Flash 5
25 правил .htaccess

Справочник по CSS

Развернуть всё | Свернуть всё

scrollbar-shadow-color

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
6.0+

Краткая информация

Значение по умолчанию	Зависит от браузера
Наследуется	Нет
Процентная запись	Не применима
Применяется	<applet>, <body>, <embed>, <object>, <select>, <table>, <textarea> или к элементу, у которого overflow задано как scroll или auto.

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

Задает цвет тени у ползунка и кнопок полосы прокрутки. На рис. 1 красным цветом выделены области, к которым применяется значение.

Рис. 1. scrollbar-shadow-color

Синтаксис

scrollbar-shadow-color: <цвет>

Значения

См. цвет

Пример

HTML5CSS2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>scrollbar-shadow-color</title>
  <style>
   html, body { 
    scrollbar-arrow-color: #fff; /* Цвет стрелок */
    scrollbar-base-color: #ffa12d; /* Цвет полосы прокрутки */
    scrollbar-shadow-color: #fed189; /* Цвет тени */
    background: #fed189; /* Цвет фона */
    height: 100%; 
   }
  </style>
 </head> 
 <body>
  <p>...</p>
 </body>
</html>

Результат данного примера показан на рис. 2.

Тень на полосе прокрутки

Рис. 2. Тень на полосе прокрутки

Справочник по CSS. Версия 7.0 от 5.11.12

htmlbook.ru

Это интересно

Несмотря на огромную популярность Интернета около 80% населения планеты не пользуется услугами Всемирной сети. Первую строку по распространению доступа в Интернет занимают Бермудские острова.

Наши реквизиты