The style declarations contained within this page:
.test {background: silver; border-style: none;}
.cl1 {border: medium black solid;}
.cl2 {border: thin maroon ridge;}
.cl3 {border: 10px teal outset;}
.cl4 {border: 10px olive inset;}
.cl5 {border: 10px solid; color: maroon;}
.cl6 {border: maroon double;}
.cl7 {border: left red solid;}
.cl8 {border: solid 0px;}
[test] This 'p' element should have no border applied to it, because its border style has been explicitly set to none.
[test cl1] This 'p' element should have an overall medium-width solid black border.
[test cl2] This 'p' element should have an overall thin ridged maroon border.
[test cl3] This 'p' element should have an overall 10px outset teal border.
[test cl4] This 'p' element should have an overall 10px inset olive border.
[test cl5] This 'p' element should have an overall 10px solid maroon border, which is applied by using the value of 'color' set for the element itself.
[test cl6] This 'p' element should have an overall medium-width double maroon border.
[test cl7] This 'p' element should have no border, as the value supplied is invalid.
[test cl8] This 'p' element should have no border, as its width has been set to zero.
[test] This 'p' element contains a 'span' element with a class of 'cl1' that should have an overall medium-width solid black 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.