scrollbar-base-color Attribute | scrollbarBaseColor

HTML (DHTML)

scrollbar-base-color Attribute | scrollbarBaseColor Property

Internet Development Index

Sets or retrieves the color of the main elements of a scroll bar, which include the scroll box, track, and scroll arrows.

Syntax

HTML { scrollbar-base-color : vColor }
Scriptingobject.style.scrollbarBaseColor [ = vColor ]

Possible Values

vColorVariant that specifies or receives any color name or RGB values in the Color Table.

The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has no default value. The Microsoft Cascading Style Sheets (CSS) extension is inherited.

Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see About Dynamic Properties.

Remarks

The scroll box is the square box within a scroll bar that can be moved either up and down or left and right on a track to change the position of the content on the screen. The scroll arrows, located at each end of a scroll bar, are the square buttons containing the arrows that move the content on the screen in small increments, either up and down or left and right.

This property applies to elements that display a scroll bar. Cascading Style Sheets (CSS) enable scrolling on all objects through the overflow property. These objects are not listed in the Applies To list for this property.

The scrollbarBaseColor property is a composite property. You can use separate properties to specify each of the individual properties, but in many cases it is more convenient to set them in one place using this composite property.

Examples

The following example shows how to create a style rule that sets the scrollbarBaseColor property for a textArea element.

<HTML>
<HEAD>
<STYLE>
TEXTAREA.BlueScrollbar  { scrollbar-base-color:blue }
</STYLE>
</HEAD>
<BODY>
<TEXTAREA CLASS="BlueScrollbar">The scroll bar for
this element will be blue.</TEXTAREA>
</BODY>
</HTML>
This feature requires Microsoft® Internet Explorer 5.5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

The following style rule uses the scrollbar-base-color attribute as part of a coordinated color theme. Earth tones are specified for all the elements defined in the style rule.

<STYLE>
BODY { scrollbar-base-color:darkolivegreen; background-color:tan }
H1 { color:bisque }
P { color:darkslategray }
</STYLE>
This feature requires Microsoft® Internet Explorer 5.5 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Standards Information

This property is a Microsoft extension to CSS Non-Microsoft link.

Applies To

APPLET, BDO, BODY, currentStyle, CUSTOM, defaults, DIV, EMBED, OBJECT, runtimeStyle, style, TEXTAREA

See Also

scrollbar3dLightColor, scrollbarArrowColor, scrollbarDarkShadowColor, scrollbarFaceColor, scrollbarHighlightColor, scrollbarShadowColor, scrollbarTrackColor