CSS1 テストスイート: 5.5.03 margin-bottom

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

.zero {background-color: silver; margin-bottom: 0;}
.one {margin-bottom: 0.5in; background-color: aqua;}
.two {margin-bottom: 25px; background-color: aqua;}
.three {margin-bottom: 5em; background-color: aqua;}
.four {margin-bottom: 25%; background-color: aqua;}
.five {margin-bottom: 25px;}
.six {margin-bottom: -10px; background-color: aqua;}
P, UL {margin-top: 0;}

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

この文には2分の1インチの下マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。

この文には25ピクセルの下マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。

この文には5emの下マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。

この要素には25%の下マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。

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

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

• このリストには25pxの下マージンと、明るい青色の背景とがあります。
• そのため、このリストにはそうしたマージンがあるはずです。
• このリスト項目には25pxの下マージンがありますから、リスト項目は何らかの形でずらされるはずです。
• このリスト項目には特別なスタイルは適用されていません。

この段落には-10pxの下マージンがついていて、その後の要素がページ上で「上方向」にずらされるはずですが、上マージンはついていません。 明るい青色の背景色を除き、他のスタイルは適用されていません。 その他の面ではすべて、要素は普通のもののはずです。

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

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