<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<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">なし</span> IE <span class="emphasis">5.5 (Win)</span> CSS <span class="emphasis">なし</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">継承 : なし</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>スクロール可能な要素に関連付けられたスクロールバーユーザーインターフェイス要素の特定のコンポーネントの色を制御します。次の表に、各属性で制御するスクロールバーの各コンポーネントを示します。
</p><p>スクロールバーの複数のコンポーネントと色の組み合わせを試すことができます。
</p>
						<table border="1"><tbody><tr><th>属性</th><th>説明</th></tr>
						<tr>
						<td>
						<span class="literal">scrollbar-3dlight-color</span>
						</td>
						<td>
						スクロールスライダと矢印ボタンボックスの上辺と左辺
						</td>
						</tr>
						<tr>
						<td>
						<span class="literal">scrollbar-arrow-color</span>
						</td>
						<td>
						矢印ボタンボックス内の矢印
						</td>
						</tr>
						<tr>
						<td>
						<span class="literal">scrollbar-base-color</span>
						</td>
						<td>
						スクロールバーの全体的な色相
						</td>
						</tr>
						<tr>
						<td>
						<span class="literal">scrollbar-darkshadow-color</span>
						</td>
						<td>
						スクロールスライダと矢印ボタンボックスの右辺と下辺
						</td>
						</tr>
						<tr>
						<td>
						<span class="literal">scrollbar-face-color</span>
						</td>
						<td>
						前面 (スライダの前面など) とトラックの交互するピクセル
												</td>
						</tr>
						<tr>
						<td>
						<span class="literal">scrollbar-highlight-color</span>
						</td>
						<td>
						通常、3D 効果を出すための白いピクセル、およびトラックの交互するピクセル
												</td>
						</tr>
						<tr>
						<td>
						<span class="literal">scrollbar-shadow-color</span>
						</td>
						<td>
						<span class="literal">scrollbar-darkshadow-color</span> でわずかに太い辺を制御
						</td>
						</tr>
						<tr>
						<td>
						<span class="literal">scrollbar-track-color</span>
						</td>
						<td>
						トラック全体の指定された単色
						</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 構文</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">値</span></td>
				</tr>
				<tr>
					<td><p>CSS の色の値</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">既定値</span></td>
				</tr>
				<tr>
					<td><p>ユーザーのコントロールパネルでのディスプレイ設定によって異なります。</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">例</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">適用先</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>、および <span class="literal">textarea</span> の各要素。
</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">オブジェクト参照</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>