ウェブランサー

scrollbar-shadow-color - スクロールバーの影の色を指定する

対応ブラウザ
IE7対応IE8対応Firefox非対応Chrome非対応Opera対応Safari非対応
適用対象 ブロックレベル要素
継承 しない

scrollbar-shadow-colorプロパティは、スクロールバーの右端と下端の色を指定する際に使用します。scrollbar-darkshadow-colorプロパティよりも内側の部分になります。まとめて指定したい場合にはscrollbar-base-colorプロパティを使用した方が楽かもしれません。

scrollbar-shadow-colorプロパティは、Internet Explorerが独自に追加したプロパティです。Operaでは、ブラウザの表示モードが「互換モード」のときに<BODY>に対して指定すると有効になります。

scrollbarプロパティ

scrollbar-shadow-colorに与えられる値

scrollbar-shadow-color: 色を指定;
キーワードや16進数などのRGB値で指定します。

scrollbar-shadow-colorの使用サンプル

CSS
.sample01 {
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-face-color: #999999;
 scrollbar-3dlight-color: #CCCCCC;
 scrollbar-highlight-color: #AAAAAA;
 scrollbar-shadow-color: #FF0000;
 scrollbar-darkshadow-color: #000000;
 overflow: scroll;
 width: 300px;
 height: 100px;
}
XHTML
<div class="sample01">
scrollbar-shadow-colorのサンプルです。<br />
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。<br />
対応していないブラウザでは通常通りの表示となり、無視されます。<br />
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
</div>
表示確認
scrollbar-shadow-colorのサンプルです。
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。
対応していないブラウザでは通常通りの表示となり、無視されます。
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。

scrollbar-shadow-colorに関連するCSSプロパティ

スクロールバー
scrollbar-base-color スクロールバーのベースになる色を指定する
scrollbar-arrow-color スクロールバーの矢印にあたる色を指定する
scrollbar-face-color スクロールバーの表面にあたる色を指定する
scrollbar-3dlight-color スクロールバーの左端と上端にあたる色を指定する
scrollbar-highlight-color スクロールバーのハイライトにあたる色を指定する
scrollbar-shadow-color スクロールバーの影にあたる色を指定する
scrollbar-darkshadow-color スクロールバーの右端と下端にあたる色を指定する