CSS SCROLLBAR-TRACK-COLOR

Written by jon on 8:39 AM
This property describes the solid color of the scrollbar track

Example
body { scrollbar-track-color: #ff00ff }

<body style=”scrollbar-track-color: red”>content</body>

Possible Values
Value Description
[color] This is a representation of the values for Red/Green/Blue used to determine a final display color.

CSS SCROLLBAR-3DLIGHT-COLOR

Written by jon on 8:38 AM
This property describes the color of the outer top and left bevel edges (the normally lighter portion of the “highlights”) of the scrollbar arrows and scroll bar slider box portions of a scroll bar
Example
body { scrollbar-3dlight-color: #ffff00 }

<body style=”scrollbar-3dlight-color: red”>content</body>

Possible Values
Value Description
[color] This is a representation of the values for Red/Green/Blue used to determine a final display color.

CSS SCROLLBAR-HIGHLIGHT-COLOR

Written by jon on 8:37 AM
This property describes the color of the inner top and left bevel edges (the normally darker portion of the “highlights”) of the scrollbar arrows, the scroll bar slider box, and half of the dither pattern color of the scrollbar slider tray area (the other half of the dither is taken from the OS default button face color.)

Example
body { scrollbar-highlight-color: yellow }

<body style=”scrollbar-highlight-color: red”>content</body>

Possible Values
Value Description
[color] This is a representation of the values for Red/Green/Blue used to determine a final display color.

CSS SCROLLBAR-DARKSHADOW-COLOR

Written by jon on 8:36 AM
This property describes the color of the outer bottom and right bevel edges (the normally darker portion of the “shadows”) of the scrollbar arrows and scroll bar slider box portions of a scroll bar

Example
body { scrollbar-darkshadow-color: #00ffff }

<body style=”scrollbar-shadow-color: #cccccc”>my content</body>

Possible Values
Value Description
[color] This is a representation of the values for Red/Green/Blue used to determine a final display color.

CSS SCROLLBAR-SHADOW-COLOR

Written by jon on 8:34 AM
This property describes the color of the inner bottom and right bevel edges (the normally lighter portion of the “shadows”) of the scrollbar arrows and scroll bar slider box portions of a scroll bar

Example
body { scrollbar-shadow-color: #ff00ff }

<body style=”scrollbar-shadow-color:#cccccc”>content</body>

Possible Values
Value Description
[color] This is a representation of the values for Red/Green/Blue used to determine a final display color.

CSS SCROLLBAR-BASE-COLOR

Written by jon on 8:33 AM
This property describes the color of the button face of the scrollbar arrow widgets, the button face color of the slider widget and half of the dither colors for the scrollbar slider tray

Example

body { scrollbar-base-color: blue }

<body style=”scrollbar-base-color: blue”>content</body>

Possible Values
Value Description
[color] This is a representation of the values for Red/Green/Blue used to determine a final display color.

CSS SCROLLBAR-ARROW-COLOR

Written by jon on 8:32 AM
This property describes the color of the scrollbar directional arrows of a scroll bar when they are activate-able. When scrllbars appear but are not usable, this property does not control the arrow color in this state.

Example

body { scrollbar-arrow-color: green }

<body style=”scrollbar-arrow-color: red”>content</body>

Possible Values
Value Description
[color] This is a representation of the values for Red/Green/Blue used to determine a final display color.

CSS SCROLLBAR-FACE-COLOR

Written by jon on 10:22 AM
This property describes the color for the button face of the scrollbar arrow widgets, the button face color of the slider widget and the main color of the inactive square at the bottom/right corner of the scrolled box. This property has no effect on the scrollbar tray/track that the scrollbar slider widget travels in

Example

body { scrollbar-face-color: red }

<body style=”scrollbar-face-color: red”>text</body>

Possible Values
ValueDescriptions
[color]This is a representation of the values for Red/Green/Blue used to determine a final display color

RECENT COMMENTS

SUBSCRIBE TO CSS3 EXAMPLES

 Subscribe to css3 Examples via RSS
Or, subscribe via email:
Find CSS3 Examples Entries :