下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.one {margin-bottom: 25px; background-color: aqua;} .two {margin-bottom: -10px; background-color: aqua;}
この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素が含まれており、水色の背景と25pxの下マージンが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから, この要素の行はすべて同じ高さのはずです。
この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景と-10pxの下マージンとが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから, この要素の行はすべて同じ高さのはずです。
TABLEテストコーナー | |
この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素が含まれており、水色の背景と25pxの下マージンが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから, この要素の行はすべて同じ高さのはずです。 この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景と-10pxの下マージンとが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから, この要素の行はすべて同じ高さのはずです。 |