padding箱

padding箱

padding 特性 (CSS)

[1] 仕様書:

[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] 詰め領域境界領域の間にスクロール・バーが挿入されることがあります。

仕様書

[6] Box model ( 版) http://www.w3.org/TR/2007/CR-CSS21-20070719/box.html#box-dimensions

背景

[11] 詰め領域背景background に拠ります CSS 2.1 8.1

詰め外辺

[12] 詰め外辺 (outer padding edge) は、詰め辺と同じ意味で使われています。

[14] NOTE-css-potential-19970819 ( ( 版)) http://www.w3.org/TR/NOTE-css-potential-19970819#pgfId=1028243