■スクロールバーを飾る
あなたのWebデザインにピッタリのスクロールバーにする方法。
「おお!!」と腰を抜かすほどの大きな変化はありませんが、
スクロールバーの色とあなたのWebサイトのイメージをピタリ合わせる事が10秒で出来ます。
「Webデザインには満足しているけど、何か足りないなー?」な時は特にオススメです!
やり方は簡単!以下の一文を<body>タグに埋め込むだけです。
<body style="scrollbar-base-color: #ffffff;">
(説明 -どのように変わるか?)
スタイルシートを使用します。
適用範囲はスクロールバーのベース部分でノーマルな白色にしています。
色の指定は#ffffffのようなRBG(16進数)かREDのような色名どちらでも構いません。
(適用部分が1〜2つの場合はこのようにインラインを使用したの方がよりすっきりシンプルになります。)
※Windows環境でIE5.0以上の場合のみ有効ですのでご注意下さい。
ただし有効にならない場合は標準色(グレー)になるだけなので
あまり環境を気にする必要はないと思います。
■その他プロパティ
scrollbar-base-color スクロールバーのベース(←今回使用したやつ)
scrollbar-face-color スクロールバーの表面
scrollbar-arrow-color スクロールバーの矢印
scrollbar-highlight-color スクロールバーのハイライト
scrollbar-shadow-color スクロールバーの影
scrollbar-3dlight-color スクロールバーの左端と上端
scrollbar-darkshadow-color スクロールバーの右端と下端