inherit

'inherit' (CSS)

[1] display: inherit により inline となった displayposition: absolute と一緒にあるとどうなるか

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

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 共に block になります。 後者は、 Opera 9 では inlineWinIE 6 では block になります。 レンダリング上は、いずれも block 扱いのようです。

[3] CSS Cascading and Inheritance Level 3 ( ( 版)) http://dev.w3.org/csswg/css-cascade/#inherit

[4] CSS Values and Units Module Level 3 ( ( 版)) http://dev.w3.org/csswg/css-values/#common-keywords