scrollbar-3dlight-color、scrollbar-arrow-color、scrollbar-base-color、scrollbar-darkShadow-color、scrollbar-face-color、scrollbar-highlight-color、scrollbar-shadow-color、scrollbar-track-color

NN なし IE 5.5 (Win) CSS なし

継承 : なし

スクロール可能な要素に関連付けられたスクロールバーユーザーインターフェイス要素の特定のコンポーネントの色を制御します。次の表に、各属性で制御するスクロールバーの各コンポーネントを示します。

スクロールバーの複数のコンポーネントと色の組み合わせを試すことができます。

属性	説明
scrollbar-3dlight-color	スクロールスライダと矢印ボタンボックスの上辺と左辺
scrollbar-arrow-color	矢印ボタンボックス内の矢印
scrollbar-base-color	スクロールバーの全体的な色相
scrollbar-darkshadow-color	スクロールスライダと矢印ボタンボックスの右辺と下辺
scrollbar-face-color	前面 (スライダの前面など) とトラックの交互するピクセル
scrollbar-highlight-color	通常、3D 効果を出すための白いピクセル、およびトラックの交互するピクセル
scrollbar-shadow-color	scrollbar-darkshadow-color でわずかに太い辺を制御
scrollbar-track-color	トラック全体の指定された単色

CSS 構文

scrollbar-3dlight-color:color
scrollbar-arrow-color: color
scrollbar-base-color: color
scrollbar-darkshadow-color: color
scrollbar-face-color: color
scrollbar-highlight-color: color
scrollbar-shadow-color: color
scrollbar-track-color: color

値

CSS の色の値

既定値

ユーザーのコントロールパネルでのディスプレイ設定によって異なります。

例

textarea {scrollbar-face-color: lightyellow}

適用先

applet、bdo、body、custom、div、embed、object、および textarea の各要素。

オブジェクト参照

[window.]document.getElementById("elementID").style.scrollbar3dLightColor
[window.]document.getElementById("elementID").style.scrollbarArrowColor
[window.]document.getElementById("elementID").style.scrollbarBaseColor
[window.]document.getElementById("elementID").style.scrollbarDarkShadowColor
[window.]document.getElementById("elementID").style.scrollbarFaceColor
[window.]document.getElementById("elementID").style.scrollbarHighlightColor
[window.]document.getElementById("elementID").style.scrollbarShadowColor
[window.]document.getElementById("elementID").style.scrollbarTrackColor