..
　■Home－HomePageちょい技集－スクロールバーの色を変える（ＩＥのみ）
+1JavaScript　無料のフリースクリプト集...


◇スクロールバーの色を変える（ＩＥのみ）

　スタイルシートを用いてスクロールバーの色を変えます。
　

　ちょい技の方法
◇１．サ ンプル
 　上段がベースカラーを指定したサンプルで、下段は細かく指定した場合のサンプルです。使いたい色のテキストエリアから<head>～</head>タグ間にコピー＆ペーストすることでスクロールバーの色を変えることができます。

◇２．ちょい技の方法

　下記のスタイルシートを<head>～</head>タグ間に挿入します。テキストエリアに用いる時は<textarea rows="列数" cols="行数" style="スタイルシート">の赤字の部分に<style>タグや「BODY{ 、 }、<!--、--> 」を除いて挿入することで指定できます。

　２－１．べースカラーで指定する場合
<STYLE TYPE="text/css">
<!--
BODY { scrollbar-base-color:#EE7600; }
-->
</STYLE>


　２－２．細かく指定する場合
<STYLE TYPE="text/css">
<!--
BODY {
scrollbar-face-color:#33CCFF;
scrollbar-track-color:#C0FFFF;
scrollbar-arrow-color:#4040FF;
scrollbar-highlight-color:#87E4FF;
scrollbar-shadow-color:#00A9DA;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#007698;
}
-->
</STYLE>



←①ボタン部分を指定します
←②レール部分を指定します
←③矢印を指定します
←④内側のハイライトを指定します
←⑤内側の影を指定します
←⑥外側のハイライトを指定します
←⑦外側の影を指定します



..

..