HOME >> カラーの指定を行う >> スクロールバーの色を変更する


スクロールバーの色を変更する

スクロールバーの色を変更することでブラウザとページデザインをより一体的に見せることが出来ます。
通常は <BODY>タグ に指定しますが、フォームのテキストエリアにも摘要可能です。

下の表でスクロールバーの色を変更できます。

[ 指定方法 ]

scrollbar-base-color : 色名;

色の指定には、「カラーネーム」や「16進数表記(#FFFFFF など)」 を使用します。


意味 指定方法 色指定 (カラーネームでの指定)
基本色 scrollbar-base-color
表面の色 scrollbar-face-color
矢印の色 scrollbar-arrow-color
トラックカラー scrollbar-track-color
ハイライト scrollbar-highlight-color
ボタンのハイライト scrollbar-3dlight-color
scrollbar-shadow-color
ボタンの影 scrollbar-darkshadow-color


使用例
[ HTMLソース ]

<STYLE type="text/css">
<!--
BODY {
   scrollbar-Track-Color : #ffeeee;
   scrollbar-Face-Color : #ffcccc;
   scrollbar-Shadow-Color : #cc0000;
   scrollbar-DarkShadow-Color: #FFFFFF;
   scrollbar-Highlight-Color : #993333;
   scrollbar-3dLight-Color : #993333;
   scrollbar-Arrow-Color : #993333;
}
//-->
</STYLE>


[ 指定方法について ]

ここでは、タグにスタイルシートを埋め込む方式ではなく、HTML文書のヘッダーにまとめて記述する方式での指定方法をご照会しております。





関連ページ
  1. フォントの色を変更する
  2. ページの背景色を指定する
  3. テーブルの枠の色を指定する
  4. テーブルの背景色を指定する
  5. スクロールバー色を指定する
  6. 色の指定について




| HOME | ご利用について | 推奨環境 | リンクについて | 規約・免責 | お問合せ | TOP |
(C)Copyright 2004 ミスティーネット Inc. All Right Reserved