CSS - scrollbar-*-color

トップ > CSSリファレンス > scrollbar-*-color

概要

属性名
scrollbar-base-color
scrollbar-track-color
scrollbar-face-color
scrollbar-shadow-color
scrollbar-darkshadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-arrow-color
<color>
初期値 auto
適用可能要素スクロールバーを持つ要素
継承継承する
メディアVisual / Scrollbar
サポートC3 / e5.5

説明

スクロールバーの色を指定します。scrollbar-base-color は赤系の色とか緑系の色など、スクロールバーのすべての要素の色をまとめて設定します。その他は、影の部分や矢印の部分などそれぞれの要素の色を個別に指定します。IE5.5 では body要素に対して、IE6 以降の標準モードでは html要素に対して指定します。

説明
<color>色を指定します。

使用例

CSS
html, body {
    scrollbar-base-color: #ffbbbb;
}
html, body {
    scrollbar-track-color: #ffe0e0;
    scrollbar-face-color: #ffbbbb;
    scrollbar-shadow-color: #cc9999;
    scrollbar-darkshadow-color: #ffcccc;
    scrollbar-highlight-color: #ffe0e0;
    scrollbar-3dlight-color: #ffbbbb;
    scrollbar-arrow-color: #ff6666;
}
表示
Internet Explorer でこのページのスクロールバーを見てみてください。

Copyright (C) 1997-2012 杜甫々
初版:1997年7月27日、最終更新:2012年5月4日
http://www.tohoho-web.com/css/prop/ruby-align.htm