下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.zero {background-color: silver; margin-top: 0;}
.one {margin-top: 0.5in; background-color: aqua;}
.two {margin-top: 25px; background-color: aqua;}
.three {margin-top: 5em; background-color: aqua;}
.four {margin-top: 25%; background-color: aqua;}
.five {margin-top: 25px;}
.six {margin-top: -10px; background-color: aqua;}
P, UL {margin-bottom: 0;}
この要素には zero というクラスがついています。
この要素にも zero というクラスがついています。
この要素には2分の1インチの上マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。
この要素には25ピクセルの上マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。
この要素には5emの上マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。
この要素には25%の上マージンがあるはずです。 これは親要素の幅との関係で計算されます。 テストするためには、余分なテキストが必要になるでしょう。
この要素には zero というクラスがついています。
この要素には-10pxの上マージンがついていて、ページ上で「上方向」にずらされるはずですが、下マージンはついていません。 明るい青色の背景色を除き、他のスタイルは適用されていません。 その他の面ではすべて、要素は普通のもののはずです。
| TABLEテストコーナー | |
この要素には zero というクラスがついています。 この要素にも zero というクラスがついています。 この要素には2分の1インチの上マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。 この要素には25ピクセルの上マージンがあるはずです。 マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。 この要素には5emの上マージンがあるはずです。マージンが行ごとには適用されていないことを確認するためには、余分なテキストが必要になるでしょう。 この要素には25%の上マージンがあるはずです。 これは親要素の幅との関係で計算されます。 テストするためには、余分なテキストが必要となるでしょう。
この要素には zero というクラスがついています。 この要素には-10pxの上マージンがついていて、ページ上で「上方向」にずらされるはずですが、下マージンはついていません。 明るい青色の背景色を除き、他のスタイルは適用されていません。 その他の面ではすべて、要素は普通のもののはずです。 | |