CSS辞典-その他

その他では、スクロールバーの色を変えるスタイルシートを紹介しています。ここではよく使うスタイルシートをまとめてありますので、組み合わせでオシャレなデザインに作成していきましょう。

CSS(スタイルシート)辞典-その他

スクロールバーの色を指定したい

scrollbar-プロパディ-color:色(RGB値もしくわ色名)

※注意このプロパティはInternet Explorerが独自に追加したプロパティの為W3Cが行っているCSS検証サービスではエラーが出ます。

scrollbar-face-color
スクロールバーの表面の色
scrollbar-arrow-color
矢印の部分の色
scrollbar-track-color
バーの無い背景部分の色

スクロールバーの見本

cssソース
#scrollbarcolorsannpuru {
	height: 80px;
	width: 300px;
	overflow: scroll;
	border: 1px solid #CCC;
	scrollbar-face-color: #FC0;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #FFC
}
xhtmlソース
<div id="scrollbarcolorsannpuru">
<p>スクロールバーの色を設定してみます</p>
<p>スクロールバーを表示させるために</p>
<p>高さ幅を指定して</p>
<p>overflow:scrollを使っています。</p>
</div>

Top

最終更新日: 2010年12月15日