CSS1 テストスイート: 5.5.07 padding-right

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

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

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

この要素には2分の1インチの右パディングがあるはずです。 テストするためには余分なテキストが必要になるでしょう。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。 テキストは、右パディングを見やすくするために右寄せされています。

この要素には25ピクセルの右パディングがあるはずです。 テストするためには余分なテキストが必要になるでしょう。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。 テキストは、右パディングを見やすくするために、右寄せされています。

この要素には5emの右パディングがあるはずです。 テストするためには余分なテキストが必要になるでしょう。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。 テキストは、右パディングを見やすくするために、右寄せされています。

この要素には25%の右パディングがあるはずで、これは親要素の幅との関係で計算されます。 内容の背景とパディングとが両方とも水色(明るい青色)のはずです。 テキストは、右パディングを見やすくするために、右寄せされています。

• この無順序リストの右パディングは25ピクセルに設定されています。 これをテストするためには、余分なテキストが必要となるでしょう。
• このリスト項目には25ピクセルの右パディングがあり、UL 要素の灰色のパディングの左に現れるでしょう。

この要素には右パディングがないはずです。 負のパディング値は認められていないからです。 内容の背景と通常のパディングとが両方とも水色(明るい青色)のはずです。 テキストは、右パディングかないことを見やすくするため、右寄せされています。