scrollbar-3dlight-color、scrollbar-arrow-color、scrollbar-base-color、scrollbar-darkShadow-color、scrollbar-face-color、scrollbar-highlight-color、scrollbar-shadow-color、scrollbar-track-colorNN なし 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}
 
適用先

appletbdobodycustomdivembedobject、および 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