下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.one {border-color: purple; border-style: solid;} .two {border-color: purple; border-width: medium; border-style: solid;} .three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}
これは、背景色を除くとスタイルがついていませんが、クラス one、クラス two、クラス three というクラスのインライン要素を含んでいる要素です。 それぞれのインライン要素の効果は、最初のケースと二番目のケースでは medium 幅の紫色の無地ボーダーがあり、三番目では紫-緑-青-黄色の medium 幅の無地ボーダーがあるとことのはずです。 親要素の行の高さはどの行でも全く変化しないはずです。
TABLEテストコーナー | |
これは、背景色を除くとスタイルがついていませんが、クラス one、クラス two、クラス three というクラスのインライン要素を含んでいる要素です。 それぞれのインライン要素の効果は、最初のケースと二番目のケースでは medium 幅の紫色の無地ボーダーがあり、三番目では紫-緑-青-黄色の medium 幅の無地ボーダーがあるとことのはずです。 親要素の行の高さはどの行でも全く変化しないはずです。 |