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


[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 overall border.

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

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

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

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

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

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

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

[test cl9] This 'p' element should have a solid top border, a dotted right border, a double bottom border, and a groove left border.

[test cl10] This 'p' element should have a solid top border, a dotted right border, a double bottom border, and a dotted left border.

[test cl11] This 'p' element should have a solid top border, a dotted right border, a solid bottom border, and a dotted left border.

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