| Інтернет Експлорер | Хром | Опера | Сафарі | Файрфокс | 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. Тінь на смузі прокрутки