Setting Borders

The following division shows various border styles, widths, and colors by selecting the combinations with the radio buttons.

To change the border style, width, and color surrounding this division, click the radio buttons below.

borderStyle
solid
dashed
dotted
double
groove
inset
outset
ridge
none
 borderWidth
1px
2px
3px
4px
5px
7px
10px
 borderColor
white
black
red
blue
teal
green
"" (null)

Figure 1 Changing border styles dynamically.

Return to CSS Exercise 1



Note The code for this page was borrowed (and corrected for Firefox) from the Macon State Tutorials website.