CSS2 Test Suite: 8.5.3 border-right-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-right-style: solid;}
.cl2 {border-right-style: dotted;}
.cl3 {border-right-style: dashed;}
.cl4 {border-right-style: double;}
.cl5 {border-right-style: groove;}
.cl6 {border-right-style: ridge;}
.cl7 {border-right-style: inset;}
.cl8 {border-right-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 right border.

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

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

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

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

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

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

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

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