- [1]
[CODE(JS)@en['30px']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30px'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
- [2]
[CODE(JS)@en[' 30px']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'%2030px'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
- [3] [CODE(JS)@en['30px ']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30px%20'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
- [4] [CODE(JS)@en['30px/**/']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30px%2F**%2F'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
- [5] [CODE(JS)@en['/**/30px']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'%2F**%2F30px'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
- [6] [CODE(JS)@en['30']]
-- [[無奇癖モード]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
-- [[奇癖モード]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=q;x=style-element>
- [7] [CODE(JS)@en['30 ']]
-- [[無奇癖モード]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30%20'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
-- [[奇癖モード]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30%20'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=q;x=style-element>
- [8] [CODE(JS)@en[' 30']]
-- [[無奇癖モード]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'%2030'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
-- [[奇癖モード]]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'%2030'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=q;x=style-element>
- [9] [CODE(JS)@en['30pxl']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A5px%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30pxl'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3ETEST%3C%2Fp%3E%0A%3Cdiv%3EREF%3C%2Fdiv%3E;p=n;x=style-element>
- [10] [CODE(JS)@en['30p']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7B%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30p'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>
- [11] [CODE(JS)@en['30xx']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7B%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30xx'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>
- [12] [CODE(JS)@en['30px!']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7B%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30px!'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>
- [13] [CODE(JS)@en['30px!i']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7B%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30px!i'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>
- [14] [CODE(JS)@en['30px!important']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7B%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%20%0A%20%20%20%20sd%20().fontSize%20%3D%20'30px!important'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>
- [18] [CODE(JS)@en['30p\\78']]
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A%20%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0D%0A%20%20try%20%7B%0D%0A%20%20%20%20sd%20().fontSize%20%3D%20'30p%5C%5C78'%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%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>

[15]
[[Firefox]] 2 は >>1-5、>>6-8 の[[奇癖モード]]、>>12-14, >>18 で[[特性値]]を
[CODE(CSS)@en[30[[px]]]] に設定しました。

[CODE(CSS)[[[!]]]] があるとそれ以降はすべて何であろうと無視するようです。

[16]
>>15 上記以外では黙ってすべて無視されます ([[エラー・コンソール]]には構文エラーのメッセージが出ます)。

[17]
[[WinIE 6]] は >>1-6、>>8 で [CODE(CSS)@en[30[[px]]]] と解釈しました。それ以外では[Q[引数が無効です。]]というメッセージで例外を投げます。

;; [[CSS]] では[[単位]]を [[escape]] できますが、 >>18 ではエラーになっています。

[19]
[[Opera]] 9 では:
>>1-3、>>5-8、>>14 では [CODE(CSS)@en[30[[px]]]] と解釈されます。

>>4 はなぜか無視されます。
>>9-13 は無視されます。
>>18 は無視されます。 [[Opera]] は [[CSS]] でも[[単位]]の [[escape]]
に対応していないようです。
([[名無しさん]])

[20]
>>19 >>14 については、 [CODE(CSS)@en[![[important]]]] に設定されます。
([[名無しさん]])

[21]
既に [CODE(CSS)@en[![[important]]]] な[[宣言]]がある場合
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A10px!important%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0D%0A%20%20try%20%7B%20%0D%0A%20%20%20%20sd%20().fontSize%20%3D%20'30px'%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%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>

([[名無しさん]])

[22]
>>21 のように既に [CODE(CSS)@en[![[important]]]] なものがある場合、
[[WinIE 6]] と [[Opera]] 9 は既存のものを消して新しいものが追加されますが、
[[Firefox]] 2 は新しいものが無視され、既存のものが残ります。
([[名無しさん]])

[23]
[CODE(CSS)@en[![[important]]]] な [CODE(CSS)@en[[[font-size]]]] があるところで
[CODE(JS)@en[[[font]]]] を設定してみた
<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%7Bfont-size%3A10px!important%7D;h=%3Cinput%20type%3Dbutton%20value%3Dx%20onclick%3D%22%0A%20%20try%20%7B%0A%20%20%20%20sd%20().font%20%3D%20'30px%20Serif'%3B%0A%20%20%7D%20catch%20(e)%20%7B%0A%20%20%20%20w%20(e.message%20%7C%7C%20e)%3B%0A%20%20%7D%0A%20%20u%20()%3B%0A%22%3E%0A%0A%3Cp%3EXXXXX%3C%2Fp%3E;p=n;x=style-element>
([[名無しさん]])


[24]
>>23 [[WinIE 6]] と [[Opera]] 9 では [CODE(CSS)@en[[[font]]]] 系[[特性]]がすべて新しい値 (非 [CODE(CSS)@en[![[important]]]]) になりますが、
[[Firefox]] 2 では [CODE(CSS)@en[[[font-size]]]] だけが [CODE(CSS)@en[![[important]]]]
で古い値のままのこります。
([[名無しさん]])