padding 特性 (CSS)

[1] 仕様書:

• IW:CSS2:"box.html#padding-properties"

[2] >>1 によれば <padding-width> の値は負にはなれないとあるが、負の値を指定したらどうなるのか?

[3] >>2 Opera 9、Firefox 2、WinIE 6 共、 宣言自体を無視するようです。

https://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20background-color%3A%20blue%3B%0A%7D%0Ap%20%7B%0A%20%20padding-left%3A%205em%3B%0A%7D%0Ap%20%7B%0A%20%20padding-left%3A%20-2em%3B%0A%7D%0A;h=%3Cdiv%3EXXXXXXXX%3C%2Fdiv%3E%0A%3Cp%3EXXXXXXXX%3C%2Fp%3E%0A;p=n;x=style-element (名無しさん)

[4] >>2-3 違法な値 IW:CSS2:"syndata.html#illegalvalues" に該当するのでしょうか。 (名無しさん)

[5] >>2-3 padding の1つが負の場合でも、 ちゃんと全部無視するようです。

詰め領域

[7] 箱の内容領域の外側で境界領域の内側の領域を詰め領域 (padding area) といいます。

[8] CSS 2.1 には「optional」と書いてあるので、幅 0 の時は厳密に言えば詰め領域は存在しないということになります。

[9] 詰め領域の外周を詰め辺 (padding edge) と呼びます。 詰め領域が存在しない時は内容辺と同じです。 CSS 2.1 8.1

[10] 詰め辺に囲まれる領域を詰め箱 (padding box) と呼びます。 CSS 2.1 8.1

[13] 詰め領域と境界領域の間にスクロール・バーが挿入されることがあります。