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