The style declarations contained within this page:
.test {background-color: silver; border-style: solid; border-width: 0;}
.cl1 {border-top-width: thin;}
.cl2 {border-top-width: medium;}
.cl3 {border-top-width: thick;}
.cl4 {border-top-width: 5px;}
.cl5 {border-top-width: 0;}
.cl6 {border-top-width: -5px;}
[test] This 'p' element should have no border applied to it, as it has been given a zero-width overall border (this helps keep the following tests more clear).
[test cl1] This 'p' element should have a thin top border.
[test cl2] This 'p' element should have a medium top border.
[test cl3] This 'p' element should have a thick top border.
[test cl4] This 'p' element should have a 5px top border.
[test cl5] This 'p' element should have no top border.
[test cl6] This 'p' element should have no top 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 top 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.