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日
https://www.tohoho-web.com/css/prop/ruby-align.htm