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