CSS1 Test Suite: 5.5.17 border-style

[Previous] [Next] [Section] [Contents] [Specification]

The style declarations which apply to the text below are:

.one {border-style: dotted; border-color: black; border-width: thick;}
.two {border-style: dashed; border-color: black; border-width: thick;}
.three {border-style: solid; border-color: black; border-width: thick;}
.four {border-style: double; border-color: black; border-width: thick;}
.five {border-style: groove; border-color: olive; border-width: thick;}
.six {border-style: ridge; border-color: olive; border-width: thick;}
.seven {border-style: inset; border-color: olive; border-width: thick;}
.eight {border-style: outset; border-color: olive; border-width: thick;}
.nine {border-style: double groove; border-color: purple; border-width: thick;}
.ten {border-style: double groove ridge inset;
   border-color: purple; border-width: thick;}
.eleven {border-style: none; border-color: red; border-width: thick;}

This paragraph should have a thick black dotted border all the way around.

This paragraph should have a thick black dashed border all the way around.

This paragraph should have a thick black solid border all the way around.

This paragraph should have a thick black double border all the way around.

This paragraph should have a thick olive groove border all the way around.

This paragraph should have a thick olive ridge border all the way around.

This paragraph should have a thick olive inset border all the way around.

This paragraph should have a thick olive outset border all the way around.

This paragraph should have thick double top and bottom borders, and thick grooved side borders. The color of all four sides should be based on purple.

This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. The color of all four sides should be based on purple.

This paragraph should have no border at all.

TABLE Testing Section