[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 6 の borderWidth 属性は常に奇癖モード扱いのようです。
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 はどのブラウザも
(Firefox3、Opera9、Safari3) 算出値
(px 単位、 border-style: none
なら 0px)、 currentStyle
はどのブラウザも (Opera9、WinIE7)
指定値 (与えられた単位、 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> には含まれていません。