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