下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.one {border-top-width: 25px; border-style: solid;} .two {border-top-width: thin; border-style: solid;} .three {border-top-width: 25px;}
この要素には one というクラスがついています。 しかしながら、この要素には two というクラスのインライン要素 が含まれており、 インライン要素の各ボックスの上側に thin 幅の無地ボーダー(残りの3辺にはユーザエージェントのデフォルトのボーダー)を生み出すはずです。 また three というクラスのインライン要素 があります。 これにはボーダースタイルが設定されていませんから、上ボーダー幅や目に見えるボーダーがないはずです。
TABLEテストコーナー | |
この要素には one というクラスがついています。 しかしながら、この要素には two というクラスのインライン要素 が含まれており、 インライン要素の各ボックスの上側に thin 幅の無地ボーダー(残りの3辺にはユーザエージェントのデフォルトのボーダー)を生み出すはずです。 また three というクラスのインライン要素 があります。 これにはボーダースタイルが設定されていませんから、上ボーダー幅や目に見えるボーダーがないはずです。 |