The style declarations contained within this page:
.test {background-color: silver; border-style: solid;}
.cl1 {border-width: thin;}
.cl2 {border-width: medium;}
.cl3 {border-width: thick;}
.cl4 {border-width: 5px;}
.cl5 {border-width: 0;}
.cl6 {border-width: -5px;}
[test] This 'p' element has no border width applied to it, and acts as a reference point. It should default to the same border width as the result shown for 'medium' (cl2).
[test cl1] This 'p' element should have a thin overall border.
[test cl2] This 'p' element should have a medium overall border.
[test cl3] This 'p' element should have a thick overall border.
[test cl4] This 'p' element should have a 5px overall border.
[test cl5] This 'p' element should have no overall border.
[test cl6] This 'p' element should have a default-width border, as negative border widths are not permitted.
[test] This 'p' element contains a 'span' element with a class of 'test cl4' that should have a 5px overall border. If there is [test cl4]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.