下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.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%の上パディングがあるはずで、これは親要素の幅との関係で計算されます。 内容の背景とパディングとは両方とも水色(明るい青色)のはずです。 テストするためには余分なテキストが必要になるでしょう。 この要素には上パディングがないはずです。 負のパディング値は認められていないからです。 内容の背景と通常のパディングとは両方とも水色(明るい青色)のはずです。 |