CSS1 テストスイート: 5.5.10 padding

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

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

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

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

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

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

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

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