CSS1 テストスイート: 5.5.01 margin-top


[戻る] [進む] [セクション] [目次] [仕様書]

下記のテキストに適用されるスタイル宣言は、つぎのとおりです。

.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の上マージンとが与えられています。 インライン要素のマージンは行の高さの計算に影響しませんから、この要素の行はすべて同じ高さのはずです。


[戻る] [進む] [セクション] [目次] [仕様書]