CSS1 テストスイート: 5.5.10 padding


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

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

.zero {background-color: silver; padding: 0;}
.one {padding: 25px; background-color: aqua;}
.two {padding: -10px; background-color: aqua;}


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

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素が含まれており、水色の背景と25pxのパディングとが与えられています。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 ユーザエージェントが各行の上下に表示できるパディングの量には、実装物特定の限界があるかもしれません。 しかしながら少なくとも、現れている最初の行では、インラインボックスの左側に25pxのパディングがあり、現れている最後の行では、インライン要素ボックスの右側に25pxのパディングがあるはずです。

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

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景が与えられていますが、パディングは与えられていません。 負のパディング値は認められていないからです。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。

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

TABLEテストコーナー
 

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

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素が含まれており、水色の背景と25pxのパディングとが与えられています。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 ユーザエージェントが各行の上下に表示できるパディングの量には、実装物特定の限界があるかもしれません。 しかしながら少なくとも、現れている最初の行では、インラインボックスの左側に25pxのパディングがあり、現れている最後の行では、インライン要素ボックスの右側に25pxのパディングがあるはずです。

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

この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景が与えられていますが、パディングは与えられていません。 負のパディング値は認められていないからです。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。

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


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