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つが負の場合でも、 ちゃんと全部無視するようです。

https://suika.suikawiki.org/gate/2007/cssom/viewer?c=body%20%7B%0D%0A%20%20width%3A%2015em%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20background-color%3A%20blue%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20padding-left%3A%205em%3B%0D%0A%20%20padding-right%3A%205em%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20padding%3A%200%20-2em%200%201em%3B%0D%0A%7D%0D%0A;h=%3Cdiv%3EX%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%3C%2Fdiv%3E%0D%0A%3Cp%3EX%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%20X%3C%2Fp%3E%0D%0A;p=n;x=style-element

詰め領域

[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は、詰め辺と同じ意味で使われています。

Visual effects ( 版) http://www.w3.org/TR/2007/CR-CSS21-20070719/visufx.html#overflow

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