scrollbar-base-color Attribute | scrollbarBaseColor Property

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

Syntax

HTML Scripting

{ scrollbar-base-color : vColor }

object.style.scrollbarBaseColor [ = vColor ]

Possible Values

vColor

Variant 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>

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>

Standards Information

This property is a Microsoft extension to CSS .

Applies To

Platform Version

Win32:	5.5
Windows CE:	5.5

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

Home | Top | Website design | JavaScript Editor

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

→