CSS1 テストスイート: 5.5.22 border


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

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

.one {border: medium black solid;}
.two {border: thin maroon ridge;}
.three {border: 10px teal outset;}
.four {border: 10px olive inset;}
.five {border: 10px maroon;}
.six {border: maroon double;}
.seven {border: left red solid;}
.eight {border: 0px;}
TD {border: 2px solid green;}

このページにあるテーブルセルにはすべて、四辺全部に2ピクセル幅で緑色の無地ボーダーがあるはずですので注意してください。 このボーダーは、セルにだけ適用され、セルを含んでいる行には適用されません。

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

この段落には thin 幅で栗色の畝形ボーダーが全周にあるはずです。

この段落には10ピクセル幅で小鴨色の台地形ボーダーが全周にあるはずです。

この段落には10ピクセル幅でオリーブ色の窪地形ボーダーが全周にあるはずです。

この段落には周囲にボーダーがないはずです。 border-style が設定されていないからです。 またこれは、どのようにもずらされていないはずです。

この段落には、border-width が明示的に設定されていませんけれども、周囲に medium 幅で栗色の二重線ボーダーがあるはずです。

この段落には周囲にボーダーがないはずです。 宣言が規則に違反しているので無視されるはずだからです。

以下の画像は、このページにあるターゲットを指し示すアンカーでもありますが、周囲にボーダーはないはずです。[画像].

このテーブルの中にあるセルごとに、2ピクセル幅で緑色の無地ボーダーがあるはずです。 これは、テストページの後半にあるテーブルテストコーナーにも当てはまります。
セル 1セル 2
単一セルのテーブルがネストされています!

これはスタイルがついていない要素です。

TABLEテストコーナー
 

このページにあるテーブルセルにはすべて、四辺全部に2ピクセル幅で緑色の無地ボーダーがあるはずですので注意してください。 このボーダーは、セルにだけ適用され、セルを含んでいる行には適用されません。

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

この段落には thin 幅で栗色の畝形ボーダーが全周にあるはずです。

この段落には10ピクセル幅で小鴨色の台地形ボーダーが全周にあるはずです。

この段落には10ピクセル幅でオリーブ色の窪地形ボーダーが全周にあるはずです。

この段落には周囲にボーダーがないはずです。 border-style が設定されていないからです。 またこれは、どのようにもずらされていないはずです。

この段落には、border-width が明示的に設定されていませんけれども、周囲に medium 幅で栗色の二重線ボーダーがあるはずです。

この段落には周囲にボーダーがないはずです。 宣言が規則に違反しているので無視されるはずだからです。

以下の画像は、このページにあるターゲットを指し示すアンカーでもありますが、周囲にボーダーはないはずです。[画像].

このテーブルの中にあるセルごとに、2ピクセル幅で緑色の無地ボーダーがあるはずです。 これは、テストページの後半にあるテーブルテストコーナーにも当てはまります。
セル 1セル 2
単一セルのテーブルがネストされています!

これはスタイルがついていない要素です。


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