Edit

Page

Page title:

Page body:

* [CODE(CSS)@en[padding]] 特性 (CSS)

[1] 仕様書:
- <IW:CSS2:"box.html#padding-properties">

[2] >>1 によれば [CODE(CSS)@en[<[[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 [Q[[[違法]]な[[値]]]]
<IW:CSS2:"syndata.html#illegalvalues">
に該当するのでしょうか。
([[名無しさん]])

[5]
>>2-3
[CODE(CSS)@en[[[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] [[箱]]の[[内容領域]]の外側で[[境界領域]]の内側の[[領域]]を[DFN[[RUBYB[詰め領域]@en[padding area]]]]といいます。

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

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

[10] [[詰め辺]]に囲まれる領域を[DFN[[RUBYB[詰め箱]@en[padding box]]]]と呼びます。
[SRC@en[[[CSS 2.1]] 8.1]]

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

** 仕様書

[6] [CITE@en[Box model]] ([TIME[2007-07-18 02:08:55 +09:00]] 版) <http://www.w3.org/TR/2007/CR-CSS21-20070719/box.html#box-dimensions>

** 背景

[11] [[詰め領域]]の[[背景]]は [CODE(CSS)@en[[[background]]]] に拠ります
[SRC@en[[[CSS 2.1]] 8.1]]。

** 詰め外辺

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

;; [CITE@en[Visual effects]] ([TIME[2007-07-20 04:27:43 +09:00]] 版) <http://www.w3.org/TR/2007/CR-CSS21-20070719/visufx.html#overflow>

[14] [CITE[NOTE-css-potential-19970819]]
( ([TIME[2000-03-13 23:37:56 +09:00]] 版))
<http://www.w3.org/TR/NOTE-css-potential-19970819#pgfId=1028243>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)