CSS2 Test Suite: 8.5.4 border-left

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.test {background: silver; border-style: none;}
.cl1 {border-left: solid;}
.cl2 {border-left: solid green;}
.cl3 {border-left: solid green 5px;}
.cl4 {border-left: 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 left border.

[test cl2] This 'p' element should have a medium-width solid green left border.

[test cl3] This 'p' element should have a 5px solid green left 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 left 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.


[index page] [section] [Previous] [Next] [Specification]