サイト内検索

...スタイルシート(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>

[ブラウザ上]

サンプル(スクロールバーの色)

サンプル(スクロールバーの色)

サンプル(スクロールバーの色)

サンプル(スクロールバーの色)

サンプル(スクロールバーの色)

サンプル(スクロールバーの色)


Copyright c 2007.10.01 luc All rights reserved.