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