サイト内検索
...スタイルシート(css)...
スタイルシート・枠線
scrollbar(スクロールバーの設定)
- スクロールバーの色は、scrollbar--colorプロパティを指定します。
- [使い方]
- body{scrollbar-highlight-color:orange;}
| プロパティ名 | 説明 | |
|---|---|---|
| scrollbar- | shadow-color: | 全体の色をまとめて指定します。 |
| face-color: | ボタン部分を指定します。 | |
| track-color: | レール部分を指定します。 | |
| arrow-color: | 矢印を指定します。 | |
| highlight-color: | 内側のハイライトを指定します。 | |
| shadow-color: | 内側の影を指定します。 | |
| 3dlight-color: | 外側のハイライトを指定します。 | |
| darkshadow-color: | 外側の影を指定します。 | |
サンプル
[headの中]
<style type="text/css"><!--
.sample{
width: 250px;
height: 100px;
overflow: auto;
background-color: #ffffff;
border: 1px #999999 solid;
scrollbar-base-color: #9999dd;
scrollbar-arrow-color: #ffa500;
color: #000000; }
-->
</style>
[bodyの中]
<div class="sample"><p>サンプル(スクロールバーの色)</p>
<p>サンプル(スクロールバーの色)</p>
<p>サンプル(スクロールバーの色)</p>
<p>サンプル(スクロールバーの色)</p>
<p>サンプル(スクロールバーの色)</p>
<p>サンプル(スクロールバーの色)</p>
</div>
[ブラウザ上]
サンプル(スクロールバーの色)
サンプル(スクロールバーの色)
サンプル(スクロールバーの色)
サンプル(スクロールバーの色)
サンプル(スクロールバーの色)
サンプル(スクロールバーの色)