Web Developer's Room
HOME > スタイルシート サンプル集 > ユーザインタフェース     

ユーザインタフェース

スクロールバーの色を指定する

body {
   scrollbar-base-color: #FF0000;
   scrollbar-face-color: #FF0000;
   scrollbar-track-color: #00FF00;
   scrollbar-arrow-color: #00FF00;
   scrollbar-3dlight-color: #0000FF;
   scrollbar-highlight-color: #0000FF;
   scrollbar-shadow-color: #0000FF;
   scrollbar-dark-shadow-color: #0000FF;
   }

scrollbar-base-color・・・スクロールバー全ての色
scrollbar-face-color・・・スクロールバーの部分と矢印の四角の部分
scrollbar-track-color・・・スクロールバーの動く下の部分
scrollbar-arrow-color・・・スクロールバーの上と下にある矢印
scrollbar-3dlight-color・・・動くバーの部分と矢印の四角の部分の左と上の部分の影になる部分
scrollbar-highlight-color・・・スクロールバーの部分と矢印の四角の部分の左と上の部分
scrollbar-shadow-color・・・スクロールバーの部分と矢印の四角の部分の右と下の部分
scrollbar-dark-shadow-color・・・動くバーの部分と矢印の四角の部分の右と下の部分の影になる部分



関連リンク
  • カーソルを指定する
  • 日本語変換(IME)の動作を設定する



  • スポンサードリンク


    (C) Web Developer's Room All rights reserved.