CSS2 Test Suite: 8.5.3 border-bottom-style

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

The style declarations contained within this page:

.test {background-color: silver; border-width: 5px; border-color: #753;}
.cl1 {border-bottom-style: solid;}
.cl2 {border-bottom-style: dotted;}
.cl3 {border-bottom-style: dashed;}
.cl4 {border-bottom-style: double;}
.cl5 {border-bottom-style: groove;}
.cl6 {border-bottom-style: ridge;}
.cl7 {border-bottom-style: inset;}
.cl8 {border-bottom-style: outset;}


[test] This 'p' element should have no border applied to it, because its border style defaults to none. The borders of 'test' elements in this test should be 5 pixels wide, and the color should be #753.

[test cl1] This 'p' element should have a solid bottom border.

[test cl2] This 'p' element should have a dotted bottom border.

[test cl3] This 'p' element should have a dashed bottom border.

[test cl4] This 'p' element should have a double bottom border.

[test cl5] This 'p' element should have a grooved bottom border.

[test cl6] This 'p' element should have a ridged bottom border.

[test cl7] This 'p' element should have an inset bottom border.

[test cl8] This 'p' element should have an outset bottom border.

[test] This 'p' element contains a 'span' element with a class of 'cl1' that should have a solid bottom text-colored 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]