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