Magic HTML Writer

Screen Shots / Cascading Style Sheets / CSS Builder: Scrollbar Properties

CSS Builder: Scrollbar Properties

When you click the Make button, the following code is inserted into your HTML document: 

	scrollbar-base-color : #FFD5EA;
	scrollbar-highlight-color : #FFAAD5;
	scrollbar-face-color : #FF0080;
	scrollbar-arrow-color : #7F0040;
	scrollbar-shadow-color : #3F0020;

Each color button brings up its own color tool for easy visual selection. Over 150 standard color names are also supported.

The above CSS properties list was created using the Auto button, which allows selection of the scrollbar-face-color. The other colors are then automatically calculated (using a special algorithm unique to Magic HTML Writer). It was then used in this page by placing it in a style markup located in the head of the html document--like this: 

<style type='text/css'>
<!--
body {
	scrollbar-base-color : #FFD5EA;
	scrollbar-highlight-color : #FFAAD5;
	scrollbar-face-color : #FF0080;
	scrollbar-arrow-color : #7F0040;
	scrollbar-shadow-color : #3F0020;
}
-->
</style>

The result is the colorful scrollbar that you see rendered on the right.

Welcome to Magic HTML Writer | Manual | Screen Shots