CSS1 テストスイート: 5.5.17 border-style

下記のテキストに適用されるスタイル宣言は、つぎのとおりです。

.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;}

この段落には周囲全部に、thick 幅の黒色の点線ボーダーがあるはずです。

この段落には周囲全部に、thick 幅の黒色の破線ボーダーがあるはずです。

この段落には周囲全部に、thick 幅の黒色の無地ボーダーがあるはずです。

この段落には周囲全部に、thick 幅の黒色の二重線ボーダーがあるはずです。

この段落には周囲全部に、オリーブ色の溝形ボーダーがあるはずです。

この段落には周囲全部に、オリーブ色の畝形ボーダーがあるはずです。

この段落には周囲全部に、オリーブ色の窪地形ボーダーがあるはずです。

この段落には周囲全部に、オリーブ色の台地形ボーダーがあるはずです。

この段落には、thick 幅の二重線の上下ボーダーと、thick 幅の溝形の左右ボーダーとがあるはずです。 四辺の色はすべて紫色をベースにしているはずです。

この段落には、上側から時計回りに、二重線、溝形、畝形、窪地形の thick 幅のボーダーがあるはずです。 四辺の色はすべて紫色をベースにしているはずです。

この段落にはボーダーが全くないはずです。