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

スクロールバーに色を付けるのは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] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送