構文

[15] \ の後に十六進数 (大文字または小文字) が続く場合、
- [16] その十六進数で表される符号位置の ISO/IEC 10646 の文字を表します >>7
  - [17] なぜかここでの定義は Unicode ではなく ISO/IEC 10646 になっています
  - [20] 符号位置は 0 であってはなりません >>7
    - [21] 0 であるときの解釈は未定義とされています >>7
  - [25] 符号位置が Unicode の範囲外 (U-00110000 以上) であるなら、利用者エージェントは U+FFFD に置き換えても構いません。表示するときは「文字なし」グリフなど可視な記号symbolを表示するべきです。 >>7
- [18] 十六進数は高々6桁です >>7
- [19] 十六進数の後に空白があれば、それは (高々1文字だけ) 無視されます >>7
[12] \ の後に改行が続く場合、
- [13] 文字列の中では、 \ と改行は無視されます >>7
- [14] 文字列の外では、 DELIM 字句の後に改行が続いているものとみなされます >>7
[23] \ の後にそれ以外が続く場合、その続いた文字自体を表します >>7
- [24] その文字が CSS の構文上特別な意味を持っていたとしても、 escape すると打ち消されます >>7
[26] これら escape は、文字列内ならその文字列の一部として、文字列外なら識別子の一部としてみなされます >>7
[10] スタイル・シートの末尾の \ は DELIM 字句とみなされます >>7
- [11] 実際には現時点でこれを使った構文は存在していないので、非妥当になります
[9] なお、注釈内の \ は特別な意味を持たず、単なる注釈の中の文字列とみなされます >>7

[22]

CSS の改行は CRLF, CR, LF, FF のいずれかです。空白はそれに加えて HT, SP です。

\0000

[31] 型選択子 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=element%5C000000x%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D%0D%0Aelement%5C000001y%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%7D%0D%0Aelement%5C000021y%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%7D;h=%3Celement%3Eelement%3C%2Felement%3E%0D%0A%3Celementx%3Eelementx%3C%2Felementx%3E%0D%0A%3Celementy%3Eelementy%3C%2Felementy%3E%0D%0A%3Celement000000x%3Eelement000000x%3C%2Felement000000x%3E%0D%0A%3Celement!y%3Eelement!y%3C%2Felement!y%3E;p=n;x=style-element;i=html-div
[29] クラス選択子 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=.class%5C000000x%20%7B%0D%0A%20%20color%3A%20red%3B%0D%0A%7D%0D%0A.class%5C000001y%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%7D%0D%0A.class%5C000021y%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%7D;h=%3Cp%20class%3Dclass%3E.class%0D%0A%3Cp%20class%3Dclassx%3E.classx%0D%0A%3Cp%20class%3Dclassy%3E.classy%0D%0A%3Cp%20class%3Dclass000000x%3E.class000000x%0D%0A%3Cp%20class%3Dclass%26%230%3Bx%3E.class%20U%2B0000%20x%0D%0A%3Cp%20class%3Dclass%26%23xFFFD%3Bx%3E.class%20U%2BFFFD%20x%0D%0A%3Cp%20class%3Dclass%26%231%3By%3E.class%20U%2B0001%20y%20-%20This%20paragraph%20must%20be%20green.%0D%0A%3Cp%20class%3Dclass!y%3E.class!y%20-%20This%20paragraph%20must%20be%20green.%0D%0A;p=n;x=style-element;i=html-div

[30] >>29 Firefox は \000000 を 000000 と解釈します。 chrome は U+0000 と解釈します。 WinIE8 と Opera はその字句の当該 escape 以降を無視します。 2011-10-29T01:27:45.700Z

[32] Chrome だと >>29 は cssText で \0 とか \1 になってるけど、 >>28 では escape されないでそのまま入ってるっぽい。

\ + 10FFFF より上

[34] http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C110000v%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%7D%0D%0A;h=%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D'%0D%0A%20%20var%20name%20%3D%20%22di%22%20%2B%20String.fromCharCode%20(0xFFFD)%20%2B%20%22v%22%3B%0D%0A%20%20try%20%7B%20document.createElement%20(name)%3B%20%7D%20catch%20(e)%20%7B%20%7D%0D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%20U%2BFFFD%20v%20-%20This%20paragraph%20should%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0D%0A'%3EPush%20this%20button%3C%2Fbutton%3E%0D%0A%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D'%0D%0A%20%20var%20name%20%3D%20%22di%3Fv%22%3B%0D%0A%20%20document.createElement%20(name)%3B%0D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%3Fv%20-%20This%20paragraph%20should%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0D%0A'%3EPush%20this%20button%3C%2Fbutton%3E%0D%0A;p=n;x=style-element;i=html-div

[35] 十六進数が U+10FFFF よりも大きい時、 Gecko と Chrome は U+FFFD とみなし、 WinIE8 は U+003F とみなします。 Opera は high surrogate を UTF-16 の範囲より先に進めた surrogate pair のようなものとして表現した値 (U-00110000 → U+DC00 U+DC00) とみなします。

\ + surrogate

[36] 正しい surrogate pair の escape http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C00D800%5C00DC00v%20%7B%0A%20%20color%3A%20green%3B%0A%7D%0A;h=%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D%27%0A%20%20var%20name%20%3D%20%22di%22%20%2B%20String.fromCharCode%20(0xFFFD%2C%200xFFFD)%20%2B%20%22v%22%3B%0A%20%20try%20%7B%20document.createElement%20(name)%3B%20%7D%20catch%20(e)%20%7B%20%7D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%20U%2BFFFD%20U%2BFFFD%20v%20-%20This%20paragraph%20should%20not%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0A%27%3EPush%20this%20button%3C%2Fbutton%3E%0A%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D%27%0A%20%20var%20name%20%3D%20%22di%3F%3Fv%22%3B%0A%20%20try%20%7B%20document.createElement%20(name)%3B%20%7D%20catch%20(e)%20%7B%20%7D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%3F%3Fv%20-%20This%20paragraph%20should%20not%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0A%27%3EPush%20this%20button%3C%2Fbutton%3E%0A%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D%27%0A%20%20var%20name%20%3D%20%22di%22%20%2B%20String.fromCharCode%20(0xD800%2C%200xDC00)%20%2B%20%22v%22%3B%0A%20%20try%20%7B%20document.createElement%20(name)%3B%20%7D%20catch%20(e)%20%7B%20%7D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%20U%2BD800%20U%2BDC00%20v%20-%20This%20paragraph%20should%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0A%27%3EPush%20this%20button%3C%2Fbutton%3E%0A;p=n;x=style-element;i=html-div
[37] 不正な surrogate の escape http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C00DC00%5C00D800v%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%7D;h=%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D'%0D%0A%20%20var%20name%20%3D%20%22di%22%20%2B%20String.fromCharCode%20(0xFFFD%2C%200xFFFD)%20%2B%20%22v%22%3B%0D%0A%20%20try%20%7B%20document.createElement%20(name)%3B%20%7D%20catch%20(e)%20%7B%20%7D%0D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%20U%2BFFFD%20U%2BFFFD%20v%20-%20This%20paragraph%20should%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0D%0A'%3EPush%20this%20button%3C%2Fbutton%3E%0D%0A%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D'%0D%0A%20%20var%20name%20%3D%20%22di%3F%3Fv%22%3B%0D%0A%20%20try%20%7B%20document.createElement%20(name)%3B%20%7D%20catch%20(e)%20%7B%20%7D%0D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%3F%3Fv%20-%20This%20paragraph%20should%20not%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0D%0A'%3EPush%20this%20button%3C%2Fbutton%3E%0D%0A%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D'%0D%0A%20%20var%20name%20%3D%20%22di%22%20%2B%20String.fromCharCode%20(0xDC00%2C%200xD800)%20%2B%20%22v%22%3B%0D%0A%20%20try%20%7B%20document.createElement%20(name)%3B%20%7D%20catch%20(e)%20%7B%20%7D%0D%0A%20%20this.parentNode.innerHTML%20%3D%20%22%3C%22%20%2B%20name%20%2B%20%22%3Edi%20U%2BDC00%20U%2BD800%20v%20-%20This%20paragraph%20should%20not%20be%20green.%3C%2F%22%20%2B%20name%20%2B%20%22%3E%22%3B%0D%0A'%3EPush%20this%20button%3C%2Fbutton%3E;p=n;x=style-element;i=html-div

[38] Chrome, Firefox, WinIE8, Opera のいずれも、 surrogate pair を escape したものをそのまま解釈します。 2011-10-29T02:21:40.200Z

[39] Chrome, WinIE8, Opera は正しい surrogate pair になっていない surrogate code point を escape したものをそのまま解釈します。 Firefox は U+FFFD と解釈します。 2011-10-29T02:22:29.900Z

[40] 片方だけ escape な surrogate http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0D%0A%3Cstyle%3E%3C%2Fstyle%3E%0D%0A%0D%0A%3Cdiv%3Eaaaaaa%3C%2Fdiv%3E%0D%0A%0D%0A%3Cscript%3E%0D%0A%20%20var%20div%20%3D%20document.getElementsByTagName%20('div')%5B0%5D%3B%0D%0A%20%20div.className%20%3D%20'c'%20%2B%20String.fromCharCode%20(0xD800%2C%200xDC00)%20%2B%20'x'%3B%0D%0A%20%20%0D%0A%20%20var%20style%20%3D%20document.getElementsByTagName%20('style')%5B0%5D%3B%0D%0A%20%20style.textContent%20%3D%20'.c'%20%2B%20String.fromCharCode%20(0xD800)%20%2B%20'%5C%5CDC00x%20%7B%20color%3A%20blue%20%7D'%3B%0D%0A%3C%2Fscript%3E
[42] http://software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%3Cstyle%3E%3C%2Fstyle%3E%0A%0A%3Cdiv%3Eaaaaaa%3C%2Fdiv%3E%0A%0A%3Cscript%3E%0A%20%20var%20div%20%3D%20document.getElementsByTagName%20(%27div%27)%5B0%5D%3B%0A%20%20div.className%20%3D%20%27c%27%20%2B%20String.fromCharCode%20(0xD800%2C%200xFFFD)%20%2B%20%27x%27%3B%0A%20%20%0A%20%20var%20style%20%3D%20document.getElementsByTagName%20(%27style%27)%5B0%5D%3B%0A%20%20style.textContent%20%3D%20%27.c%27%20%2B%20String.fromCharCode%20(0xD800)%20%2B%20%27%5C%5CDC00x%20%7B%20color%3A%20blue%20%7D%27%3B%0A%3C%2Fscript%3E

[41] Chrome と Opera は、片割れだけ escape された surrogate はそのまま surrogate pair であるものと解釈します。 Firefox は解釈しません (>>42 は青くなり、 escape の方は U+FFFD とみなしています)。 2011-10-29T03:18:06.00Z

\ + 空白

[1] IDENT 中、 \ の直後に空白:

U+0020 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%20v%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+0009 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%09v%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+000A http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%0Av%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+000D http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%0Dv%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+000D U+000A http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%0D%0Av%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+000C http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%0Cv%0D%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+00A0 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%C2%A0v%0D%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+2000 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%E2%80%80v%0D%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+3000 http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%E3%80%80v%0D%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element
U+FEFF http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%EF%BB%BFv%0D%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element

[2] >>1 WinIE 6 は \ の後に空白があると、 escape 全体を無視するようです。

\ の後が U+000D や U+000A の場合、textarea にいれた時点で U+000D U+000A に正規化されてしまうので、 >>1 の方法では検証できないのですが・・・。

>>1 の U+000D U+000A の例は di (空白) v と解釈されているようです。

\ + NULL

[3] IDENT 中の \ の後に U+0000:

http://suika.suikawiki.org/gate/2007/cssom/viewer?c=di%5C%00v%20%7B%0D%0A%20%20color%3A%20blue%3B%0D%0A%7D;h=%3Cdiv%3Exxxxxx%3C%2Fdiv%3E;p=n;x=style-element

[4] >>3 WinIE 6 では textarea に入れた時点 (or もっと前) で U+0000 以下が捨てられてるみたいです。。。

[33] >>3 WinIE8 と Opera は >>4 と同じでよくわかりません。 Chrome は非妥当とみなします。 Firefox は U+0000 と解釈します。 2011-10-29T01:51:17.600Z

その他

[5] WinIE 6 では \ の後に数字や空白以外があるときは \ を捨てるみたいです。

仕様書

構文

\0000

\ + 10FFFF より上

\ + surrogate

\ + 空白

\ + NULL

その他

例