<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkShadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-track-color</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5.5(Win)</span> CSS <span class="emphasis">n/a</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: No</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Controls the colors for specific components of a scrollbar user
interface element associated with scrollable elements. The following
table describes which pieces of a scroll bar are controlled by each
attribute.
</p><p>You can experiment with combinations of multiple scroll bar pieces
and colors.
</p>
<table border="1"><tbody><tr><th>Attribute</th><th>Description</th></tr>
								<tr><td><span class="literal">scrollbar-3dlight-color</span></td><td>Top and left edges of the scroll slider and arrow button boxes</td>
								</tr>
								<tr><td><span class="literal">scrollbar-arrow-color</span></td><td>Arrows inside arrow button boxes</td>
								</tr>
								<tr><td><span class="literal">scrollbar-base-color</span></td><td>Overall hue of the scroll bar</td>
								</tr>
								<tr><td><span class="literal">scrollbar-darkshadow-color</span></td><td>Right and bottom edges of the scroll slider and arrow button boxes</td>
								</tr>
								<tr><td><span class="literal">scrollbar-face-color</span></td><td>Forward flat surfaces (e.g., front-facing panel of slider) and
alternating pixels of the track
</td>
								</tr>
								<tr><td><span class="literal">scrollbar-highlight-color</span></td><td>Normally white pixels that create 3-D effects, plus alternating
pixels of the track
</td>
								</tr>
								<tr><td><span class="literal">scrollbar-shadow-color</span></td><td>Slighlty thicker edges controlled by
<span class="literal">scrollbar-darkshadow-color</span>
</td>
								</tr>
								<tr><td><span class="literal">scrollbar-track-color</span></td><td>Entire track, as solid version of specified color</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>scrollbar-3dlight-color:<span class="replaceable">color</span>
scrollbar-arrow-color: <span class="replaceable">color</span>
scrollbar-base-color: <span class="replaceable">color</span>
scrollbar-darkshadow-color: <span class="replaceable">color</span>
scrollbar-face-color: <span class="replaceable">color</span>
scrollbar-highlight-color: <span class="replaceable">color</span>
scrollbar-shadow-color: <span class="replaceable">color</span>
scrollbar-track-color: <span class="replaceable">color</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>CSS color values.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p>Varies with user Display control panel settings.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>textarea {scrollbar-face-color: lightyellow}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">applet</span>, <span class="literal">bdo</span>,
<span class="literal">body</span>, <span class="literal">custom</span>,
<span class="literal">div</span>, <span class="literal">embed</span>,
<span class="literal">object</span>, and <span class="literal">textarea</span> elements.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbar3dLightColor
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbarArrowColor
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbarBaseColor
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbarDarkShadowColor
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbarFaceColor
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbarHighlightColor
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbarShadowColor
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.scrollbarTrackColor</pre>
						</span></td>
				</tr>
			</table>
		</div>

</body>
</html>