Edit

Page

Page title:

Page body:

[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]] の[[奇癖モード]]では[[整数]]の後におおよそどんなものがあっても、
[CODE(CSS)[[[;]]]] の直前に至るまでにおいて[[空白]]がない限り、
そのごみの部分が無視されるようです。

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

([[名無しさん]])

[3]
[[WinIE 6]] の [CODE(DOMa)@en[[[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]
[CODE(CSS)@en[[[thin]]]], [CODE(CSS)@en[[[medium]]]],
[CODE(CSS)@en[[[thick]]]] のテスト用

[CODE(DOMm)@en[[[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>

[CODE(DOMa)@en[[[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] 
[CODE(CSS)@en[[[border-top-width]]]] の値は・・・
[CODE(DOMm)@en[[[getComputedStyle]]]] はどのブラウザも
([[Firefox3]]、[[Opera9]]、[[Safari3]]) [[算出値]]
([[px]] 単位、 [CODE(CSS)@en[[[border-style]]: [[none]]]]
なら [CODE(CSS)@en[[[0px]]]])、 [CODE(DOMa)@en[[[currentStyle]]]]
はどのブラウザも ([[Opera9]]、[[WinIE7]])
[[指定値]] (与えられた単位、 [CODE(CSS)@en[[[border-style]]]] 配慮なし)
になります。

[CODE(DOMm)@en[[[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>

[CODE(DOMa)@en[[[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] [CITE[NOTE-css-potential-19970819]]
( ([TIME[2000-03-13 23:37:56 +09:00]] 版))
<http://www.w3.org/TR/NOTE-css-potential-19970819#pgfId=1028243>

[9] 一時期の [[CSS3]] は [CODE(CSS)@en[[[<percentage>]]]] を認めていたようで、また [[Opera]] 9
も実装していたようですが、現在の [[CSS3]] の [CODE(CSS)@en[[[<line-width>]]]] には含まれていません。 [TIME[2013-09-04T15:02:42.000Z]]

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)