scrollbar-darkshadow-color：スクロールバーの右端と下端の色を指定する
| 適用対象 | ブロックレベル要素 |
| 継承 | しない |
scrollbar-darkshadow-colorプロパティは、スクロールバーのシャドウ部分の色を指定する際に使用します。scrollbar-shadow-colorプロパティよりも外側の部分になります。まとめて指定したい場合にはscrollbar-base-colorプロパティを使用した方が楽かもしれません。
scrollbar-darkshadow-colorプロパティは、Internet Explorerが独自に追加したプロパティです。Operaでは、ブラウザの表示モードが「互換モード」のときに<BODY>に対して指定すると有効になります。
scrollbar-darkshadow-colorに与えられる値
- scrollbar-darkshadow-color: 色を指定;
- キーワードや16進数などのRGB値で指定します。
scrollbar-darkshadow-colorの使用サンプル
CSS
.sample01 {
scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #999999;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-highlight-color: #AAAAAA;
scrollbar-shadow-color: #333333;
scrollbar-darkshadow-color: #FF0000;
overflow: scroll;
width: 300px;
height: 100px;
}
XHTML
<div class="sample01"> scrollbar-darkshadow-colorのサンプルです。<br /> スクロールバーの赤い部分がこのプロパティで変更出来る部分です。<br /> 対応していないブラウザでは通常通りの表示となり、無視されます。<br /> スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。 </div>
表示確認
scrollbar-darkshadow-colorのサンプルです。
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。
対応していないブラウザでは通常通りの表示となり、無視されます。
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。
対応していないブラウザでは通常通りの表示となり、無視されます。
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
scrollbar-darkshadow-colorに関連するCSSプロパティ
| スクロールバー | |
|---|---|
| scrollbar-base-color | スクロールバーのベースになる色を指定する |
| scrollbar-arrow-color | スクロールバーの矢印にあたる色を指定する |
| scrollbar-face-color | スクロールバーの表面にあたる色を指定する |
| scrollbar-3dlight-color | スクロールバーの左端と上端にあたる色を指定する |
| scrollbar-highlight-color | スクロールバーのハイライトにあたる色を指定する |
| scrollbar-shadow-color | スクロールバーの影にあたる色を指定する |
| scrollbar-darkshadow-color | スクロールバーの右端と下端にあたる色を指定する |