Ron's Guide

Have you ever wondered how you get the scrollbar colors to change? Well, it's easy to do with CSS.

It can be done with the scrollbar properties in CSS. Note, though, that only Microsoft Internet Explorer supports these properties. There are eight scrollbar properties:

1. Base color
2. Arrow color
3. Face color
4. Track color
5. Shadow color
6. Highlight color
7. Darkshadow color
8. 3dlight color

Ok, great, so what do these properties represent? Have a look at the image below...

To use these properties, all you have to do is put them into the body selector of a stylesheet. An example is shown below.

Go ahead and try it, play around with the different settings.

• Discuss this tutorial
• Rate this tutorial
• Tell a friend