やさしいホームページ入門
カラーコード / サイトについて / リンク集 / お問い合わせ
ホーム > CSS入門 > スクロールバーの指定
矢印の色の指定
スクロールバーの矢印を変えるには、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>
-表示結果-
表示結果はコチラです。