◆スクロールバーの色指定（IE6.0以上）

IE5.5以上のバージョンでは、右のスクロールバーの色指定をすることができます。
それ以前のバージョンでは、反映されません。
このスタイルシートは、<HEAD>～</HEAD>の間に、書き込んでください。

<STYLE TYPE="text/css">

</STYLE>

◇scrollbar-base-color:基本色;

スクロールバー全体の色のことです。
めんどくさい人は、これだけ指定しても、OKです。

（↓見本のスタイルシートです。）

<STYLE TYPE="text/css">

</STYLE>

◇scrollbar-face-color:表面の色;

faceカラーは、baseカラーの上にかかる色のことです。
それぞれ、別の色を指定すると、track部分は、２色が混ざったような色になります。
（baseカラーと、trackカラーを指定していれば、このfaceカラーは必要ないでしょう。）

（↓見本のスタイルシートです。）

<STYLE TYPE="text/css">

</STYLE>

◇scrollbar-arrow-color:▲の色;

スクロールバーの矢印の色です。

（↓見本のスタイルシートです。）

<STYLE TYPE="text/css">

</STYLE>

◇scrollbar-shadow-color:影の色;
　scrollbar-darkshadow-color:深い影の色;

スクロールバーの影の部分の色です。

（↓見本のスタイルシートです。）

<STYLE TYPE="text/css">

</STYLE>

◆ scrollbar-3dlight-color:3D部分の色;
　　scrollbar-highlight-color:明るい部分の色;

スクロールバーの明るい部分の色です。
highlightカラーは、track部分にも、色がかかります。

（↓見本のスタイルシートです。）

<STYLE TYPE="text/css">

</STYLE>

◆ scrollbar-track-color:トラックの色;

スクロールバーのトラックの色です。
baseカラーと、highlightカラーが、うまく設定できていれば、特にtrackカラーを、設定する必要は、ありません。

（↓見本のスタイルシートです。）

<STYLE TYPE="text/css">

</STYLE>

	時々、スクロールバー全体が、同じ色のサイトを見かけます。（真っ黒とか。。）これは、来訪者にとって、とても不便な設定です。デザインに走るあまり、使い勝手の悪い設定にしては、本末転倒ですね。ホームページを訪れてくださる人の立場に立って、使いやすい色使いにしましょう。
	次のページで、スクロールバーの色設定の見本を、いくつか紹介していますので、参考にしてください。
	←TOP	NEXT→