CSS1 テストスイート: 5.5.09 padding-left

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

.zero {background-color: silver; padding-left: 0;}
.one {padding-left: 0.5in; background-color: aqua;}
.two {padding-left: 25px; background-color: aqua;}
.three {padding-left: 5em; background-color: aqua;}
.four {padding-left: 25%; background-color: aqua;}
.five {padding-left: -20px; background-color: aqua;}

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

この要素には2分の1インチの左パディングがあるはずです。 テストするためには余分なテキストが必要になるでしょう。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。

この要素には25ピクセルの左パディングがあるはずです。 テストするためには余分なテキストが必要になるでしょう。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。

この要素には5emの左パディングがあるはずです。 テストするためには余分なテキストが必要になるでしょう。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。

この要素には25%の左パディングがあるはずで、これは親要素の幅との関係で計算されます。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。

• この無順序リストの左パディングは25ピクセルに設定されています。 テストするためには余分なテキストが必要になるでしょう。
• そうしたことを二重にチェックする必要があることを考えると、リスト項目をもう一つ置くことはそう悪い考えではないでしょう。 このリスト項目も左パディングが25ピクセルに設定されています。 これは、リストのパディングと組み合わさって50ピクセルのマージンを作り出すはずです。

この要素には左パディングがないはずです。 負のパディング値は認められていないからです。 内容の背景と通常のパディングとが両方とも水色(明るい青色)のはずです。