Зміна стилю смуг прокручування браузера Internet Explorer

Іноді, потрапляючи на сайт, колір смуг прокрутки браузера змінюється. Щоправда, це відбувається лише в тому випадку, якщо ваш браузер Internet Explorer версії не нижче 5.5. Створюють такий ефект з допомогою таблиць каскадних стилів (CSS, Cascading Style Sheets).

На сьогоднішній день існують вісім атрибутів, якими можна задавати різні параметри смуг прокручування (див. рисунок 1):

стилю
Малюнок 1. Відповідність параметрів елементам прокручування
  • 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 – колір смуг.

Щоб змінити колір прокручування, помістіть дані параметри в тег , а в якості значень наведіть шістнадцятковий RGB код кольору або його назву англійською мовою, наприклад -

Не обов'язково використовувати одночасно всі атрибути, іноді достатньо лише одного scrollbar-base-color.

Якщо трохи "програтися" з цими параметрами, то можна досягти дуже цікавих ефектів з прокручуванням. Один із таких ефектів наочно продемонстрований на малюнку 2.

стилю
Малюнок 2. Приклад змінених смуг прокручування