You are here: Reference > CSS > properties > scrollbar-highlight-color

scrollbar-highlight-color property

Browser support:
Specifies the color of the top and left edges of the scroll bar.
To manipulate the scrollbar displaying status, use the overflow property.
JavaScript page for this property: scrollbarHighlightColor. You can find other example(s) there.

Possible values:

 One of the following values: 
color
Color of the top and left edges of the scroll bar. For the supported color values, see the colors page.
inherit
Takes the value of this property from the computed style of the parent element.
Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the scrollbar-highlight-color property:
<head>
    <style>
        .newScrollBar {
            scrollbar-3dlight-color: #4FBDDD;
            scrollbar-arrow-color: #EEE1AE;
            scrollbar-darkshadow-color: #000000;
            scrollbar-face-color: #A0CCE0;
            scrollbar-highlight-color: #F8F2DC;
            scrollbar-shadow-color: #176F99;
            scrollbar-track-color: #E7F2FA;

            overflow: scroll;
            width: 200px;
            height: 167px;
            border: 1px solid #cccccc;
        }
    </style>
</head>
<body>
    <div class="newScrollBar">
        Look at the colors of the scroll-bars.<br />
        ....................................................<br />
        ....................................................<br />
        Look at the colors of the scroll-bars.<br />
        ....................................................<br />
        ....................................................<br />
        Look at the colors of the scroll-bars.<br />
    </div>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content