scrollbar css scroll css


CSS

Свойства полоса прокрутки

меню

scrollbar css scroll css


      Свойства полоса прокрутки  

scrollbar css scroll css

Данные свойства задают стиль полосы прокрутки. Их можно применять к таких элементов как: BODY, TEXTAREA, IFRAME и другим, которые имеют полосу прокрутки (корми SELECT).

scrollbar css scroll css

      scrollbar-3dlight-color  

scrollbar css scroll css

Устанавливает цвет верха и левой части ползунка и кнопок со стрелками на полосе прокрутки.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-3dlight-color:green;}

Примеры: [1]

scrollbar css scroll css

      scrollbar-arrow-color  

scrollbar css scroll css

Устанавливает цвет стрелок на кнопке со стрелками.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-arrow-color: red;}

Примеры: [1]

scrollbar css scroll css

      scrollbar-base-color  

scrollbar css scroll css

Устанавливает цвет основных элементов ползунка: ползунка, кнопок со стрелками, дорожки для ползунка, если не определены параметры в scrollbar-face-color.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-base-color: green;}

Примеры: [1]

      scrollbar-darkshadow-color  

Устанавливает цвет тени для ползунка и кнопок со стрелками.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-darkshadow-color: red;}

Примеры: [1]

      scrollbar-face-color  

Устанавливает цвет ползунка и кнопок со стрелками. Также, если вы не задали параметр SCROLLBAR-TRACK-COLOR, у вас изменится цвет дорожки.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-face-color: green;}

Примеры: [1]

      scrollbar-highlight-color  

Устанавливает цвет подсветки, создающий эффект объёмности. Это цвет, который окаймляет освещённую часть кнопочки. Когда кнопка не нажата, то цвет заливает левый верхний угол и стороны между ним, когда нажата - нижний правый угол.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-highlight-color: green;}

Примеры: [1]

      scrollbar-shadow-color  

Схоже с scrollbar-darkshadow-color.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-shadow-color: green;}

Примеры: [1]

      scrollbar-track-color  

Устанавливает цвет дорожки для ползунка.

Значение:

  • любое соответствующее стандарту значение цвета.
  • inherit - применяется значение родительского элемента.

   body {scrollbar-track-color: aqua;}

Примеры: [1]

На верх Написать письмо WEB-мастеру Печать Добавить в избранное Cделать стартовой