![]() |
| |||||
|
スクロールバーの色を細かく変更するサンプルと機能→ Sample:スクロールバーに色や影などを変更するスクロールバーに色や影をつけます。 BODYタグに指定します。 スタイルシート・サンプル緑の文字が変更箇所で、赤い文字が対応するスタイルシートです。"/* */"内はコメントです。削除しても影響ありません。 必要な箇所をコピー&貼り付けして編集してください。 また、その他の指定方法はメニューの「基本・リファレンス」を参考にして下さい。 → ページ全体に適用する場合(サンプルのためタグごとに効果を変えています。参照)
解説・注意点など使用スタイル:scrollbar-face-color, scrollbar-3dlight-color,:scrollbar-darkshadow-color, scrollbar-highlight-color, :scrollbar-shadow-color, scrollbar-arrow-color :scrollbar-track-color 指定可能な値:#ff0000やRedなどの色を表す値 スクロールバーは、以下のように設定することができます。
バーの背景の色は、scrollbar-track-colorで指定することができますが、 指定しなかった場合は、図のように"scrollbar-face-color"と "scrollbar-highlight-color"が交互に並びます。 それぞれの色が影響しあって希望通りに上手く設定できないかもしれませんが、 色を一つずつ変えたり、一部のスタイルを削除したりすると上手くいくかもしれません。 ← スタイルシートに戻る |
|
| |||||||||||||||||||||||||
|
Copyright(C) 2004. Aeu, Gundam, eWeb, CSS Samples. All rights reserved. - Home - |