下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.zero {background-color: silver; border-top-width: 0;}
.one {border-top-width: 25px; border-style: solid;}
.two {border-top-width: thick; border-style: solid;}
.three {border-top-width: medium; border-style: solid;}
.four {border-top-width: thin; border-style: solid;}
.five {border-top-width: 25px;}
(これは border-style がサポートされている場合にのみ機能します)
この要素には zero というクラスがついています。
この段落には25ピクセルの幅の上ボーダーがあるはずです。
この段落には thick 幅の上ボーダーがあるはずです。
この段落には medium 幅の上ボーダーがあるはずです。
この段落には thin 幅の上ボーダーがあるはずです。
この段落には、上辺にボーダーや余分な「パディング」はないはずです。
border-style が設定されていないからです。
| TABLEテストコーナー | |
(これは この要素には zero というクラスがついています。 この段落には25ピクセルの幅の上ボーダーがあるはずです。 この段落には thick 幅の上ボーダーがあるはずです。 この段落には medium 幅の上ボーダーがあるはずです。 この段落には thin 幅の上ボーダーがあるはずです。
この段落には、上辺にボーダーや余分な「パディング」はないはずです。
| |