Scrollbar-Highlight-Color

scrollbar- highlight-color Support Key: [*IE5.5B1*\|O7]	Other Scrollbar Properties
	scrollbar-face-color scrollbar-arrow-color scrollbar-base-color	scrollbar-shadow-color scrollbar-darkshadow-color scrollbar-3dlight-color scrollbar-track-color
= Index DOT Css by Brian Wilson =

Quick Statistics
Default Value:		NA
Applicable Elements:		Elements whose intrinsic display may use scrollbars (APPLET, BODY, EMBED, OBJECT, SELECT, TABLE, TEXTAREA) or elements with an assigned 'overflow' property value of "scroll" or "auto".
Inherit From Parent:		Yes
Applicable Media:		Visual
HTML Equivalent:		NA
Official Docs:		Microsoft MSDN Reference

What is it?: 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.) For a more detailed explanation of the components of a scrollbar interface, check this illustrated diagram.

Allowed Values
[color]
[IE5.5B1|O7]: Type: Explicit; Description:
This is a representation of the values for Red/Green/Blue used to determine a final display color. Please see the section on Color Units for details on the various color specification schemes.

Example: Ext/Doc: body { scrollbar-highlight-color: yellow }; In-Line: <body STYLE="scrollbar-highlight-color: yellow">text</body>

Browser Peculiarities

Internet Explorer

5.5 Beta 1:
- The listing for "Applicable Elements" previously mentioned is taken directly from the IE online reference. Under direct experimentation, it looks like BODY, DIV and TEXTAREA are all supported, but I could not find a way to get APPLET, EMBED, OBJECT, SELECT and TABLE to recognize this property.
- To re-iterate, the scrollbar slider tray area color is affected by this property thus: the indicated color is dithered with the OS default button-face color.
Opera

7.x:
- Opera supports CSS scrollbar coloring, but this feature is not enabled by default, nor is the setting available in the UI. The user has to manually add a line to their Opera6.ini file. In the "[User Prefs]" section, the following line should be added on its own line:
Enable Scrollbar Colors=1
- Since IE is the "reference implementation" (so to speak) of this property, it seems best to mention differences under Opera rather than IE: IE seems to dither the scrollbar-track part of this effect using the specified highlight-color and another system color. Opera uses a solid color somewhat close to the color specified (perhaps the "highlight" flavor of the color.)

scrollbar-
highlight-color