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 幅のボーダーがあるはずです。 四辺の色はすべて紫色をベースにしているはずです。

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

TABLEテストコーナー
 

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

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

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

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

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

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

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

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

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

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

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


[戻る] [進む] [セクション] [目次] [仕様書]