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