scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkShadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-track-color

NN n/a IE 5.5(Win) CSS n/a

Inherited: No

Controls the colors for specific components of a scrollbar user interface element associated with scrollable elements. The following table describes which pieces of a scroll bar are controlled by each attribute.

You can experiment with combinations of multiple scroll bar pieces and colors.

Attribute	Description
scrollbar-3dlight-color	Top and left edges of the scroll slider and arrow button boxes
scrollbar-arrow-color	Arrows inside arrow button boxes
scrollbar-base-color	Overall hue of the scroll bar
scrollbar-darkshadow-color	Right and bottom edges of the scroll slider and arrow button boxes
scrollbar-face-color	Forward flat surfaces (e.g., front-facing panel of slider) and alternating pixels of the track
scrollbar-highlight-color	Normally white pixels that create 3-D effects, plus alternating pixels of the track
scrollbar-shadow-color	Slighlty thicker edges controlled by scrollbar-darkshadow-color
scrollbar-track-color	Entire track, as solid version of specified color

CSS Syntax

scrollbar-3dlight-color:color
scrollbar-arrow-color: color
scrollbar-base-color: color
scrollbar-darkshadow-color: color
scrollbar-face-color: color
scrollbar-highlight-color: color
scrollbar-shadow-color: color
scrollbar-track-color: color

Value

CSS color values.

Initial Value

Varies with user Display control panel settings.

Example

textarea {scrollbar-face-color: lightyellow}

Applies To

applet, bdo, body, custom, div, embed, object, and textarea elements.

Object Model Reference

[window.]document.getElementById("elementID").style.scrollbar3dLightColor
[window.]document.getElementById("elementID").style.scrollbarArrowColor
[window.]document.getElementById("elementID").style.scrollbarBaseColor
[window.]document.getElementById("elementID").style.scrollbarDarkShadowColor
[window.]document.getElementById("elementID").style.scrollbarFaceColor
[window.]document.getElementById("elementID").style.scrollbarHighlightColor
[window.]document.getElementById("elementID").style.scrollbarShadowColor
[window.]document.getElementById("elementID").style.scrollbarTrackColor