scrollbar-highlight-color 【スクロールバー】

[IE5] [IE6] [IE7] [Op7]

scrollbar-highlight-colorプロパティは、スクロールバーのハイライト部分の色を指定する際に使用します。scrollbar-3dlight-colorよりも内側の部分になります。まとめて指定したい場合にはscrollbar-base-colorを使用した方が楽かもしれません。
scrollbar-highlight-colorプロパティは、Internet Explorerが独自に追加したプロパティです。

scrollbar-highlight-colorの使用例

CSSファイル

* {
 scrollbar-arrow-color: #ccccff;
 scrollbar-face-color: #ccccff;
 scrollbar-3dlight-color: #ccccff;
 scrollbar-highlight-color: #ff0000;
 scrollbar-darkshadow-color: #ccccff;
 scrollbar-shadow-color: #ccccff;
}
.sample001 {
 overflow: scroll;
 width: 300px;
 height: 100px;
}

HTMLソース

<p class="sample001">
scrollbar-highlight-colorのサンプルです。<br />
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。<br />
対応していないブラウザでは通常通りの表示となり、無視されます。<br />
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
</p>

表示すると

scrollbar-highlight-colorのサンプルです。
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。
対応していないブラウザでは通常通りの表示となり、無視されます。
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。

スクロールバー関連項目

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

戻る

TOP