* 仕様書

- [7] [[CSS 2.1]]
-- <http://www.w3.org/TR/CSS21/visuren.html#propdef-top>

* 実装

[1]
[CODE(CSS)@en[[[display]]: [[none]]]] のときの [CODE(CSS)@en[[[top]]]]
の値は?
<https://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20display%3A%20none%3B%0D%0A%20%20position%3A%20absolute%3B%0D%0A%20%20top%3A%2010em%3B%0D%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20position%3A%20'%2Bsd.position%2B'%2C%20top%3A%20'%2Bsd.top)%0D%0A%22%20value%3DgetComputedStyle%3E%0D%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20position%3A%20'%2Bsd.position%2B'%2C%20top%3A%20'%2Bsd.top)%0D%0A%22%20value%3DcurrentStyle%3E%0D%0A%3Cp%3E;p=n;x=style-element>
([[名無しさん]])

[2]
>>1 の結果

[[Opera]] 9
- getComputedStyle:: display: none, position: absolute, top: 210px
- currentStyle:: display: none, position: absolute, top: 10em

[[WinIE 6]]
- currentStyle:: display: none, position: absolute, top: 10em

[[Firefox]] 2
- getComputedStyle:: display: none, position: absolute, top: 0px

([[名無しさん]])

[3]
>>1 を少し変えてみた [CODE(CSS)@en[[[position]]: [[relative]]]]
<https://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20display%3A%20none%3B%0D%0A%20%20position%3A%20relative%3B%0D%0A%20%20bottom%3A%20-10em%3B%0D%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20position%3A%20'%2Bsd.position%2B'%2C%20top%3A%20'%2Bsd.top)%0D%0A%22%20value%3DgetComputedStyle%3E%0D%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20position%3A%20'%2Bsd.position%2B'%2C%20top%3A%20'%2Bsd.top)%0D%0A%22%20value%3DcurrentStyle%3E%0D%0A%3Cp%3E;p=n;x=style-element>

([[名無しさん]])

[4]
>>1 を少し変えてみた [CODE(CSS)@en[[[position]]: [[relative]]]]
<https://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20display%3A%20none%3B%0D%0A%20%20position%3A%20relative%3B%0D%0A%20%20bottom%3A%20-10em%3B%0D%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20('getComputedStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20position%3A%20'%2Bsd.position%2B'%2C%20top%3A%20'%2Bsd.top)%0D%0A%22%20value%3DgetComputedStyle%3E%0D%0A%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20('currentStyle%3A%3A%20display%3A%20'%2Bsd.display%2B'%2C%20position%3A%20'%2Bsd.position%2B'%2C%20top%3A%20'%2Bsd.top)%0D%0A%22%20value%3DcurrentStyle%3E%0D%0A%3Cp%3E;p=n;x=style-element>

([[名無しさん]])

[5]
>>4 の結果

[[Opera]] 9
- getComputedStyle:: display: none, position: relative, top: 
- currentStyle:: display: none, position: relative, top: auto

[CODE(CSS)@en[[[top]]]] の値が[[空文字列]]なのはおかしい。

[[WinIE 6]]
- currentStyle:: display: none, position: relative, top: auto

[[Firefox]] 2
- getComputedStyle:: display: none, position: relative, top: 160px

([[名無しさん]])


[6]
>>4 の結果

[[Opera]] 9
-getComputedStyle:: display: none, position: relative, top: 
-currentStyle:: display: none, position: relative, top: auto

[CODE(CSS)@en[[[top]]]] の値が[[空文字列]]なのはおかしい。

[[WinIE 6]]
-currentStyle:: display: none, position: relative, top: auto

[[Firefox]] 2
-getComputedStyle:: display: none, position: relative, top: 160px

([[名無しさん]])



[8] [CITE@en-US[Window Object 1.0]]
( ([TIME[2006-04-08 02:19:28 +09:00]] 版))
<http://www.w3.org/TR/Window/#dfn-top>