Scrollbar
ブラウザのスクロールバーの色を指定します。
全体の色を指定できますが、部分を個別に指定することもできます。
DOCTYPEを指定している場合、<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">に変更しないと表示しません。
このプロパティーは、IE5.5以下のブラウザには対応していません。
{ scrollbar-base-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
{ scrollbar-face-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
{ scrollbar-arrow-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
{ scrollbar-highlight-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
{ scrollbar-3dlight-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
{ scrollbar-shadow-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
{ scrollbar-darkshadow-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
基本の色の指定
スクロールバー全体に色を指定します。
{ scrollbar-base-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
scrollbar-base-color: rgb(255,102,0);
scrollbar-bace-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
表面の色の指定
スクロールバーのトップの表面の色を指定します。
{ scrollbar-face-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
scrollbar-face-color: rgb(255,102,0);
scrollbar-bace-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
矢印の色の指定
スクロールバーのボタンの矢印の色を指定します。
{ scrollbar-arrow-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
scrollbar-arrow-color: rgb(255,102,0);
scrollbar-bace-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
1番明るい部分の色の指定
スクロールバーの1番明るい部分の色を指定します。
{ scrollbar-highlight-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
scrollbar-highlight-color: rgb(255,102,0);
scrollbar-bace-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
2番目に明るい部分の色の指定
スクロールバーの2番目に明るい部分の色を指定します。
｛ scrollbar-3dlight-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
scrollbar-3dlight-color: rgb(255,102,0);
scrollbar-bace-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
1番暗い部分の色の指定
スクロールバーの1番暗い部分の色を指定します。
｛ scrollbar-shadow-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
scrollbar-shadow-color: rgb(255,102,0);
scrollbar-bace-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
2番目に暗い部分の色の指定
スクロールバーの2番目に暗い部分の色を指定します。
｛ scrollbar-darkshadow-color : Color Name | #RRGGBB | rgb(RR,GG,BB) }
scrollbar-darkshadow-color: rgb(255,102,0);
scrollbar-bace-color
scrollbar-face-color
scrollbar-arrow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-shadow-color
scrollbar-darkshadow-color
 |
 |
|---|
