CSS приклад: scrollbar-face-color

Тег scrollbar-face-color в CSS

Тег scrollbar-face-color в CSS встановлює колір смуги прокрутки та кнопок. Цей тег застосовується до елементів, у яких задано властивість overflow як scroll або auto.

Синтаксис:

scrollbar-face-color: <колір>

Значення:

Див. колір

Приклад:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>scrollbar-face-color</title>
  <style>
   html, body { 
    scrollbar-arrow-color: #fff; /* Колір стрілок */
    scrollbar-face-color: blue; /* Колір смуги прокрутки */
    background: #000080; /* Колір фону */
    color: #fff; /* Колір тексту */
    height: 100%; 
   }
  </style>
 </head> 
 <body>
  <p>...</p>
 </body>
</html>

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

Категорія:

Інтерфейс

Часті запитання

  • Q: Як використовувати scrollbar-face-color в CSS?

    A: scrollbar-face-color був вилучений зі специфікації CSS і не підтримується більшістю сучасних браузерів.

  • Q: Де можна знайти інформацію про властивість scrollbar-face-color?

    A: scrollbar-face-color був частиною старої специфікації CSS2, проте був вилучений у CSS3. Рекомендується використовувати стандартні властивості CSS для оформлення прокрутки.

  • Q: Чому scrollbar-face-color не працює в моєму CSS?

    A: scrollbar-face-color був вилучений із специфікації CSS і не підтримується більшістю сучасних браузерів. Рекомендується використовувати стандартні CSS властивості для стилізації прокрутки.

  • Q: Як змінити колір прокрутки у CSS?

    A: Для зміни вигляду прокрутки в CSS рекомендується використовувати властивості, такі як scrollbar-color, scrollbar-width, або використовувати плагіни для стилізації прокрутки.

  • Q: Як стилізувати прокрутку у веб-сайті?

    A: Для стилізації прокрутки на веб-сайті можна використовувати CSS властивості, такі як scrollbar-color, scrollbar-width, або використовувати JavaScript бібліотеки для стилізації прокрутки.