下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.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 が設定されていないからです。 またこれは、どのようにもずらされていないはずです。
この段落には、 この段落には周囲にボーダーがないはずです。 宣言が規則に違反しているので無視されるはずだからです。
以下の画像は、このページにあるターゲットを指し示すアンカーでもありますが、周囲にボーダーはないはずです。
これはスタイルがついていない要素です。 | ||||||