下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.zero {margin-left: 0;}
.one {margin-left: 3em;}
.two {margin-left: 3ex;}
.three {margin-left: 36px;}
.four {margin-left: 0.5in;}
.five {margin-left: 1.27cm;}
.six {margin-left: 12.7mm;}
.seven {margin-left: 36pt;}
.eight {margin-left: 3pc;}
.nine {margin-left: +3pc;}
.ten {font-size: 40px; border-left: 1ex solid purple; background-color: aqua;}
この段落には左マージンがありません。 以下の段落にはすべて左マージンが与えられており、そのため左(外)縁はこの段落の左縁の右に適宜シフトされるはずです。
この段落には3emの左マージンがあるはずです。
この段落には3exの左マージンがあるはずです。
この段落には36ピクセルの左マージンがあるはずです。
この段落には2分の1インチの左マージンがあるはずです。
この段落には1.27cmの左マージンがあるはずです。
この段落には12.7mmの左マージンがあるはずです。
この段落には36ポイントの左マージンがあるはずです。
この段落には3パイカの左マージンがあるはずです。
この段落には3パイカの左マージンがあるはずです(正符号は違いを生まないはずです)。
この要素は font-size が 40px で、border-left は 1ex solid purple です。
これは、左ボーダーを、この要素のフォントの小文字の 'x' と同じピクセル数にし、また無地の紫色にするはずです。
| TABLEテストコーナー | |
この段落には左マージンがありません。 以下の段落にはすべて左マージンが与えられており、そのため左(外)縁はこの段落の左縁の右に適宜シフトされるはずです。 この段落には3emの左マージンがあるはずです。 この段落には3exの左マージンがあるはずです。 この段落には36ピクセルの左マージンがあるはずです。 この段落には2分の1インチの左マージンがあるはずです。 この段落には1.27cmの左マージンがあるはずです。 この段落には12.7mmの左マージンがあるはずです。 この段落には36ポイントの左マージンがあるはずです。 この段落には3パイカの左マージンがあるはずです。 この段落には3パイカの左マージンがあるはずです(正符号は違いを生み出さないはずです)。
この要素は | |