The style declarations contained within this page:
.test {background-color: silver; border-width: 5px; border-color: #753;}
.cl1 {border-left-style: solid;}
.cl2 {border-left-style: dotted;}
.cl3 {border-left-style: dashed;}
.cl4 {border-left-style: double;}
.cl5 {border-left-style: groove;}
.cl6 {border-left-style: ridge;}
.cl7 {border-left-style: inset;}
.cl8 {border-left-style: outset;}
[test] This 'p' element should have no border applied to it, because its border style defaults to none. The borders of 'test' elements in this test should be 5 pixels wide, and the color should be #753.
[test cl1] This 'p' element should have a solid left border.
[test cl2] This 'p' element should have a dotted left border.
[test cl3] This 'p' element should have a dashed left border.
[test cl4] This 'p' element should have a double left border.
[test cl5] This 'p' element should have a grooved left border.
[test cl6] This 'p' element should have a ridged left border.
[test cl7] This 'p' element should have an inset left border.
[test cl8] This 'p' element should have an outset left border.
[test] This 'p' element contains a 'span' element with a class of 'cl1' that should have a solid left text-colored border. If there is [cl1]any increase of line separation in the 'p' element due to the border on the 'span' element, the test has been failed; borders do not affect the height of lines. However, the border may extend into or overlap other lines of text.