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

padding : 2px 1px 2px 1px; border-width : 3px 5px 3px 5px; border-style : solid double solid double; border-color : #008080 #004080 #008080 #004080; margin : 5px 5px 5px 5px; float : none; clear : none;

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 used in this page by placing it in a style markup located in the head of the html document. Color and background properties were also added to make this demo more visible--like this:

<style type='text/css'> <!-- #boxdemo { color : #000080; background-color : #C0C0C0; padding : 2px 1px 2px 1px; border-width : 3px 5px 3px 5px; border-style : solid double solid double; border-color : #008080 #004080 #008080 #004080; margin : 5px 5px 5px 5px; float : none; clear : none; } --> </style>

The boxdemo id was then called using this <span> markup:

<span id=boxdemo>This is a demo.</span>

and the result rendered is

This is a demo.