This n That Graphics



Style Sheets Title


IE 5.5 Color Scoll Bars

Don't forget:   If using CSS rules within the open and close <Style> tags or in an external style sheet, use the curly braces " {   } " to state the rule. Do Not use the curly braces when using inline styles.
Property
Description
Style
scrollbar-base-color

scrollbar-track-color

scrollbar-face-color

scrollbar-highlight-color

scrollbar-3dlight-color

scrollbar-darkshadow-color

scrollbar-shadow-color

scrollbar-arrow-color

Add color to your scroll bars with these properties. Please note that color scroll bars only work in IE 5.5 and above.

Add the scroll bar properties to to Body tag properties in your style sheets.

About the "base-color"
This property sets the color of the main elements of a scroll bar, which include the track-color, face-color, and 3dlight-color all at once.

If you set a color to any of these three properties, the new color overrides the base-color.

See the diagram below:
Embedded Style:

<STYLE type="text/css">
<!--
BODY {
scrollbar-base-color: #4689C3;
scrollbar-track-color: #662D91;
scrollbar-face-color: #84CFF5;
scrollbar-highlight-color: #00A99D;
scrollbar-3dlight-color: #BBBBBC;
scrollbar-darkshadow-color: #656565;
scrollbar-shadow-color: #333393;
scrollbar-arrow-color: #D41092;
}
-->
</STYLE>

tntscrollbar.gif


  Page 1 of 1  
Page added on 01-21-2002
Site Map Home