scrollbar-darkshadow-color 【スクロールバー】
[IE5] [IE6] [IE7] [Op7]
scrollbar-darkshadow-colorプロパティは、スクロールバーの右端と下端の色を指定する際に使用します。scrollbar-shadow-colorよりも外側の部分になります。まとめて指定したい場合にはscrollbar-base-colorを使用した方が楽かもしれません。
scrollbar-darkshadow-colorプロパティは、Internet Explorerが独自に追加したプロパティです。
scrollbar-darkshadow-colorの使用例
CSSファイル
* {
scrollbar-arrow-color: #ccccff;
scrollbar-face-color: #ccccff;
scrollbar-3dlight-color: #ccccff;
scrollbar-highlight-color: #ccccff;
scrollbar-darkshadow-color: #ff0000;
scrollbar-shadow-color: #ccccff;
}
.sample001 {
overflow: scroll;
width: 300px;
height: 100px;
}
HTMLソース
<p class="sample001">
scrollbar-darkshadow-colorのサンプルです。<br />
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。<br />
対応していないブラウザでは通常通りの表示となり、無視されます。<br />
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
</p>
表示すると
scrollbar-darkshadow-colorのサンプルです。
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。
対応していないブラウザでは通常通りの表示となり、無視されます。
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
スクロールバー関連項目
| scrollbar-base-color | スクロールバーのベース色を指定する |
| scrollbar-arrow-color | スクロールバーの矢印の色を指定する |
| scrollbar-face-color | スクロールバーの表面の色を指定する |
| scrollbar-3dlight-color | スクロールバーの左端と上端の色を指定する |
| scrollbar-highlight-color | スクロールバーのハイライトの色を指定する |
| scrollbar-darkshadow-color | スクロールバーの右端と下端の色を指定する |
| scrollbar-shadow-color | スクロールバーの影の色を指定する |
