下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.one {padding-bottom: 25px; background-color: aqua;} .two {padding-bottom: -10px; background-color: aqua;}
この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素か含まれており、水色の背景と25pxの下パディングとが与えられています。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 ユーザエージェントが表示できるパディングの量については、実装物特定の限界があるかもしれません。
この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景が与えられていますが、下パディングは与えられていません。 負のパディング値は認められていないからです。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。
TABLEテストコーナー | |
この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には one というクラスのインライン要素か含まれており、水色の背景と25pxの下パディングとが与えられています。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 ユーザエージェントが表示できるパディングの量については、実装物特定の限界があるかもしれません。 この要素には、灰色の背景色以外はスタイルがつけられていません。 この要素には two というクラスのインライン要素が含まれており、水色の背景が与えられていますが、下パディングは与えられていません。 負のパディング値は認められていないからです。 インライン要素のパディングは行の高さの計算には影響しませんから、この要素の行はすべて同じ高さのはずです。 |