スクロールバーに色を付ける

スクロールバーに色を付けるのはIE5.5以上で追加された独自プロパティです。
scrollbar-base-colorプロパティを指定することによって、スクロールバーの全体の色調を変えることができます。
ちなみにこのページは下記のように指定しています。

<style><!--body{scrollbar-base-color:#0000FF}--></style>
bodyのところをtextareaなどに変えれば、テキスト入力欄などにも使えます。
スクロールバーの各部分を個別に指定することもできます。
scrollbar-base-color	:	全体の基本となる色
scrollbar-face-color : スクロールバーの表面の色
scrollbar-arrow-color : 矢印部分の色
scrollbar-highlight-color : 上下の正方形部分の縁取りの左と上の色
scrollbar-3dlight-color : 上下の正方形部分の縁取りの外側の左と上のスペース
scrollbar-shadow-color : 上下の正方形部分の縁取りの右と下の部分
scrollbar-darkshadow-color : 上下の正方形部分の縁取りの外側の右と下のスペース
scrollbar-track-color : スクロールバーの背景部分
scrollbar-track-colorを指定しないと、背景の色はscrollbar-face-colorとscrollbar-hilight-colorを組み合わせた網掛け状になります。

textareaを使ったサンプル

iらんどではソースを改行なしで記入しましょう。



<style><!--textarea{scrollbar-face-color:navy;scrollbar-arrow-color:white;scrollbar-highlight-color:lime; scrollbar-3dlight-color:yellow;scrollbar-shadow-color:red;scrollbar-darkshadow-color:silver;scrollbar-track-color:fuchsia}--> </style>

[PAGE TOP] [HOME]
SEO [PR] おまとめローン Windows7 冷え性対策 動画 掲示板 レンタルサーバー ライブチャット SEO