scrollbar-highlight-color：スクロールバーのハイライトの色を指定する
| 初期値 | ― |
| 適用対象 | ― |
| 継承 | ― |
| アニメーション | ― |
| 対応ブラウザ | caniuseで確認 |
このプロパティは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
scrollbar-highlight-colorプロパティは、スクロールバーのハイライト部分の色を指定する際に使用します。scrollbar-3dlight-colorプロパティよりも内側の部分になります。まとめて指定したい場合にはscrollbar-base-colorプロパティを使用した方が楽かもしれません。
scrollbar-highlight-colorプロパティは、Internet Explorerが独自に追加したプロパティです。Operaでは、ブラウザの表示モードが「互換モード」のときに<BODY>に対して指定すると有効になります。
scrollbar-highlight-colorに与えられる値
- scrollbar-highlight-color: 色を指定;
- キーワードや16進数などのRGB値で指定します。
scrollbar-highlight-colorの使用サンプル
CSS
.sample01 {
scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #999999;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-highlight-color: #FF0000;
scrollbar-shadow-color: #333333;
scrollbar-darkshadow-color: #000000;
overflow: scroll;
width: 300px;
height: 100px;
}
XHTML
<div class="sample01">
scrollbar-highlight-colorのサンプルです。<br />
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。<br />
対応していないブラウザでは通常通りの表示となり、無視されます。<br />
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
</div>
表示確認
scrollbar-highlight-colorのサンプルです。
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。
対応していないブラウザでは通常通りの表示となり、無視されます。
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
スクロールバーの赤い部分がこのプロパティで変更出来る部分です。
対応していないブラウザでは通常通りの表示となり、無視されます。
スクロールバー関連のプロパティは、古いバージョンのブラウザのバグ対応策として、html要素とbody要素両方、もしくは全体に対して指定します。
scrollbar-highlight-colorに関連するCSSプロパティ
| 非推奨または廃止されたプロパティ | |
|---|---|
| background-break | インライン要素の背景画像の繰り返し方法を指定する |
| baseline-shift | 優先するベースラインを指定し直す |
| bookmark-label | ブックマークのラベル（名前）を指定する |
| bookmark-level | ブックマークのレベル（度合い）を指定する |
| bookmark-target | ブックマークのターゲット（対象）を指定する |
| border-break | ボックスが分割された場合のボーダーの表示方法を指定する |
| box-align | 親要素内に含まれる子要素を揃える水平位置の基準を指定する |
| box-direction | 親ボックス内に配置する子要素の表示方向を指定する |
| ime-mode | テキスト入力時のIMEの状態を指定する |
| marker-offset | リストマーカーとの間隔を指定する |
| page-break-after | 印刷時の改ページ位置を、特定の要素直後に指定する |
| page-break-before | 印刷時の改ページ位置を、特定の要素直前に指定する |
| scrollbar-base-color | スクロールバーのベースになる色を指定する |
| scrollbar-arrow-color | スクロールバーの矢印にあたる色を指定する |
| scrollbar-face-color | スクロールバーの表面にあたる色を指定する |
| scrollbar-3dlight-color | スクロールバーの左端と上端にあたる色を指定する |
| scrollbar-highlight-color | スクロールバーのハイライトにあたる色を指定する |
| scrollbar-shadow-color | スクロールバーの影にあたる色を指定する |
| scrollbar-darkshadow-color | スクロールバーの右端と下端にあたる色を指定する |
| text-autospace | アルファベット等との間隔を指定 |
| zoom | 要素の表示倍率（拡大・縮小）を指定する |