The style declarations contained within this page:
.test {background: silver; border-style: none;}
.cl1 {border-bottom: solid;}
.cl2 {border-bottom: solid green;}
.cl3 {border-bottom: solid green 5px;}
.cl4 {border-bottom: green 5px;}
[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 a medium-width solid text-colored bottom border.
[test cl2] This 'p' element should have a medium-width solid green bottom border.
[test cl3] This 'p' element should have a 5px solid green bottom border.
[test cl4] This 'p' element should have no border, as no style was supplied as so it defaults to none.
[test] This 'p' element contains a 'span' element with a class of 'cl1' that should have a medium-width solid text-colored bottom 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.