Edit

Page

Page title:

Page body:

[1]
[CODE(CSS)@en[[[display]]: [[inherit]]]]
により [CODE(CSS)@en[[[inline]]]] となった 
[CODE(CSS)@en[[[display]]]]
が [CODE(CSS)@en[[[position]]: [[absolute]]]]
と一緒にあるとどうなるか

[CODE(DOMm)@en[[[getComputedStyle]]]]
<https://suika.suikawiki.org/gate/2007/cssom/viewer?c=.container%20%7B%0A%20%20display%3A%20inline%3B%0A%7D%0Ap%20%7B%0A%20%20display%3A%20inherit%3B%0A%20%20position%3A%20absolute%3B%0A%7D;h=%3Cdiv%20class%3Dcontainer%3E%0A%3Cp%20onclick%3D%22%0A%20%20w%20(getComputedStyle%20(this%2C%20null).display)%3B%0A%22%3EClick%20this%20paragraph%20to%20show%20the%20computed%20value%20of%20the%20'%3Ccode%3Edisplay%3C%2Fcode%3E'%20property.%0A%3C%2Fdiv%3E;p=n;x=style-element>

[CODE(DOMa)@en[[[currentStyle]]]]
<https://suika.suikawiki.org/gate/2007/cssom/viewer?c=.container%20%7B%0D%0A%20%20display%3A%20inline%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20display%3A%20inherit%3B%0D%0A%20%20position%3A%20absolute%3B%0D%0A%7D;h=%3Cdiv%20class%3Dcontainer%3E%0D%0A%3Cp%20onclick%3D%22%0D%0A%20%20w%20(this.currentStyle.display)%3B%0D%0A%22%3EClick%20this%20paragraph%20to%20show%20the%20computed%20value%20of%20the%20'%3Ccode%3Edisplay%3C%2Fcode%3E'%20property.%0D%0A%3C%2Fdiv%3E;p=n;x=style-element>

([[名無しさん]])

[2]
>>1 前者は、 [[Firefox]] 2 と [[Opera]] 9 共に [CODE(CSS)@en[[[block]]]] になります。
後者は、 [[Opera]] 9 では [CODE(CSS)@en[[[inline]]]]、[[WinIE 6]]
では [CODE(CSS)@en[[[block]]]] になります。
[[レンダリング]]上は、いずれも [CODE(CSS)@en[[[block]]]] 扱いのようです。

[3] 
[CITE@en[CSS Cascading and Inheritance Level 3]]
( ([TIME[2013-08-23 11:38:39 +09:00]] 版))
<http://dev.w3.org/csswg/css-cascade/#inherit>

[4] [CITE@en[CSS Values and Units Module Level 3]]
( ([TIME[2013-08-23 23:29:23 +09:00]] 版))
<http://dev.w3.org/csswg/css-values/#common-keywords>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Errors

Page name(s)