| カラーコード / サイトについて / リンク集 / お問い合わせ |
|
|
|
→ 矢印の色の指定
→ 上端と左端の指定
→ 下端と右端の指定
→ 全体的に指定する
|
矢印の色の指定
スクロールバーの矢印を変えるには、scrollbar-arrow-colorプロパティを使用します。値には今までと同じ色の指定方法でできます。書き方は下のように書きます。
スクロールバーが表示できるタグのみ適応されます。（bodyやtextareaなど）
<style type="text/css">
<!-- body { scrollbar-arrow-color : blue } --> </style> -表示結果-
表示結果はコチラです。
スライドの部分の指定
スライド部分の色を変えるには、scrollbar-highlight-colorプロパティを使用します。
<style type="text/css">
<!-- body { scrollbar-highlight-color : blue } --> </style> -表示結果-
表示結果はコチラです。
上端と左端の指定
上端と左端の色を変えるには、scrollbar-3dlight-colorプロパティを使用します。
<style type="text/css">
<!-- body { scrollbar-3dlight-color : blue } --> </style> -表示結果-
表示結果はコチラです。
下端と右端の指定
下端と右端の指定には内側と外側の指定があります。外側はscrollbar-darkshadow-colorプロパティ、内側はscrollbar-shadow-colorプロパティを使用します。
ボックスとアローの指定
ボックスとアローの色を変えるには、scrollbar-face-colorプロパティを使用します。
<style type="text/css">
<!-- body { scrollbar-face-color : blue } --> </style> -表示結果-
表示結果はコチラです。
全体的に指定する
全体的に色を変えるには、scrollbar-base-colorプロパティを使用します。
<style type="text/css">
<!-- body { scrollbar-base-color : blue } --> </style> -表示結果-
表示結果はコチラです。
|
 |