CSS1 テストスイート: 5.5.06 padding-top


[戻る] [進む] [セクション] [目次] [仕様書]

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

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

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

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

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

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

この要素には25%の上パディングがあるはずで、これは親要素の幅との関係で計算されます。 内容の背景とパディングとは両方とも水色(明るい青色)のはずです。 テストするためには余分なテキストが必要になるでしょう。

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

TABLEテストコーナー
 

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

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

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

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

この要素には25%の上パディングがあるはずで、これは親要素の幅との関係で計算されます。 内容の背景とパディングとは両方とも水色(明るい青色)のはずです。 テストするためには余分なテキストが必要になるでしょう。

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


[戻る] [進む] [セクション] [目次] [仕様書]