border-top-width

border-top-width

[1] https://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border-style%3A%20solid%3B%0D%0A%20%20border-width%3A%2020%3Afadaaaaaaf%2F**%2Fttttttttt%3B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D%0D%0A;h=%3Cp%3EXXXXXXXXXX%3C%2Fp%3E;p=q;x=style-element (名無しさん)

[2] >>1 WinIE 6奇癖モードでは整数の後におおよそどんなものがあっても、 ; の直前に至るまでにおいて空白がない限り、 そのごみの部分が無視されるようです。

font-size奇癖モードborder-width でも Firefox 2 や Opera 9 はさすがにそこまでせず、 が1つあるときだけ画素数として解釈します。

(名無しさん)

[3] WinIE 6borderWidth 属性は常に奇癖モード扱いのようです。

https://suika.suikawiki.org/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border-style%3A%20solid%3B%0D%0A%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0D%0A%20%20try%20%7B%20%0D%0A%20%20%20%20sd%20().borderWidth%20%3D%20'30%23'%3B%0D%0A%20%20%7D%20catch%20(e)%20%7B%0D%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0D%0A%20%20%7D%0D%0A%20%20u%20()%3B%0D%0A%22%3E%0D%0A%0D%0A%3Cp%3ETEST%3C%2Fp%3E%0D%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element (名無しさん)

[4]

>>3 たぶんどの CSS 反映属性も常に奇癖モード。 (名無しさん)

[5] thin, medium, thick のテスト用

getComputedStyle https://suika.suikawiki.org/gate/2007/cssom/viewer?c=.thin%20%7B%0A%20%20border%3A%20solid%20thin%3B%0A%7D%0A.medium%20%7B%0A%20%20border%3A%20solid%20medium%3B%0A%7D%0A.thick%20%7B%0A%20%20border%3A%20solid%20thick%3B%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0A%20%20function%20v%20(i)%20%7B%20return%20getComputedStyle%20(document.getElementsByTagName%20('p')%5Bi%5D%2C%20null).borderTopWidth%20%7D%0A%20%20w%20(%5Bv%20(0)%2C%20v%20(1)%2C%20v%20(2)%5D.join%20('%2C%20'))%0A%22%3E%0A%3Cp%20class%3Dthin%3E%3Cp%20class%3Dmedium%3E%3Cp%20class%3Dthick%3E;p=n;x=style-element

currentStyle https://suika.suikawiki.org/gate/2007/cssom/viewer?c=.thin%20%7B%0D%0A%20%20border%3A%20solid%20thin%3B%0D%0A%7D%0D%0A.medium%20%7B%0D%0A%20%20border%3A%20solid%20medium%3B%0D%0A%7D%0D%0A.thick%20%7B%0D%0A%20%20border%3A%20solid%20thick%3B%0D%0A%7D;h=%3Cinput%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20function%20v%20(i)%20%7B%20return%20document.getElementsByTagName%20('p')%5Bi%5D.currentStyle.borderTopWidth%20%7D%0D%0A%20%20w%20(%5Bv%20(0)%2C%20v%20(1)%2C%20v%20(2)%5D.join%20('%2C%20'))%0D%0A%22%3E%0D%0A%3Cp%20class%3Dthin%3E%3Cp%20class%3Dmedium%3E%3Cp%20class%3Dthick%3E;p=n;x=style-element

(名無しさん)

[6] >>5 Firefox 2 では 1px, 3px, 5px。 Opera 9 では両方とも 1px, 3px, 6px。 WinIE 6 では thin, medium, thick。

[7] border-top-width の値は・・・ getComputedStyle はどのブラウザも (Firefox3Opera9Safari3) 算出値 (px 単位、 border-style: none なら 0px)、 currentStyle はどのブラウザも (Opera9WinIE7) 指定値 (与えられた単位、 border-style 配慮なし) になります。

getComputedStyle https://suika.suikawiki.org/gate/2007/cssom/viewer.en.html?c=p%7Bborder%3A%205em%20solid%7D;h=%3Cp%20onclick%3D%22%20w(getComputedStyle(this%2Cnull).borderTopWidth)%20%22%3Exxxxx;p=n;x=style-element;i=html-div

currentStyle https://suika.suikawiki.org/gate/2007/cssom/viewer.en.html?c=p%7Bborder%3A%205em%20solid%7D;h=%3Cp%20onclick%3D%22%20w(this.currentStyle.borderTopWidth)%20%22%3Exxxxx;p=n;x=style-element;i=html-div

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

[9] 一時期の CSS3<percentage> を認めていたようで、また Opera 9 も実装していたようですが、現在の CSS3<line-width> には含まれていません。