CSS1 テストスイート: 5.5.05 margin


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

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

.zero {background-color: silver; margin: 0;}
.one {margin: 25px; background-color: aqua;}
.two {margin: -10px; background-color: aqua;}

この要素には zero というクラスがついています。

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素が含まれており、水色の背景と25pxのマージンとが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 しかしながら、インラインボックスが現れる最初の行では、インラインボックスの左側に25pxのマージンがあり、インラインボックスが現れる最後の行では、インラインボックスの右側に25pxのマージンがあるはずです。

この要素には zero というクラスがついています。

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景と-10pxのマージンとが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 しかしながら、インラインボックスが現れる最初の行では、インラインボックスの左側に-10pxのマージンがあり、インラインボックスが現れる最後の行では、インラインボックスの右側に-10pxのマージンがあるはずです。

この要素には zero というクラスがついています。

TABLEテストコーナー
 

この要素には zero というクラスがついています。

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素が含まれており、水色の背景と25pxのマージンとが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 しかしながら、インラインボックスが現れる最初の行では、インラインボックスの左側に25pxのマージンがあり、インラインボックスが現れる最後の行では、インラインボックスの右側に25pxのマージンがあるはずです。

この要素には zero というクラスがついています。

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景と-10pxのマージンとが与えられています。 インライン要素のマージンは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 しかしながら、インラインボックスが現れる最初の行では、インラインボックスの左側に-10pxのマージンがあり、インラインボックスが現れる最後の行では、インラインボックスの右側に-10pxのマージンがあるはずです。

この要素には zero というクラスがついています。


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