CSSOM — CSS オブジェクトモデル

2.1. 直列化-時の成句的な手続き

`文字を~escapeする@ ときは、所与の ( 文字 %c ) に対し，次の連結を返す ⇒＃ ❝\, %c ◎ To escape a character means to create a string of "\" (U+005C), followed by the character.

`文字を符号位置として~escapeする@ ときは、所与の ( 文字 %c ) に対し，次の連結を返す ⇒＃ ❝\, 基数 16 の下で， %c の Unicode 符号位置を最小個数の`~ASCII 16 進~数字（小文字）$で表現する文字~並び, ~SP ◎ To escape a character as code point means to create a string of "\" (U+005C), followed by the Unicode code point as the smallest possible number of hexadecimal digits in the range 0-9 a-f (U+0030 to U+0039 and U+0061 to U+0066) to represent the code point in base 16, followed by a single SPACE (U+0020).

`識別子を直列化する@ ときは、所与の ( 文字列 %入力 ) に対し，次を走らせた結果を返す： ◎ To serialize an identifier means to create a string represented by the concatenation of, for each character of the identifier:

【 これは ~CSS識別子 を作成する。 】

1. ~IF［ %入力 ~EQ ❝- ］ ⇒ ~RET `文字を~escapeする$( ❝- ) ◎ ↓↓
2. %結果 ~LET 空~文字列 ◎ ↑

3. %入力 を成す ~EACH( 文字 %c ) に対し，先頭から順に ⇒ %結果 に［ %c に応じて，次に与える文字列 ］を付加する： ◎ ↑

   `0000^U0 NULL

   `FFFD^U0 REPLACEMENT CHARACTER ◎ If the character is NULL (U+0000), then the REPLACEMENT CHARACTER (U+FFFD).

   `0001^U0 〜 `001F^U0

   `007F^U0

   `文字を符号位置として~escapeする$( %c ) ◎ If the character is in the range [\1-\1f] (U+0001 to U+001F) or is U+007F, then the character escaped as code point.

   ❝0 〜 ❝9

   1. ~IF［ これは初回の反復である ］ ⇒ `文字を符号位置として~escapeする$( %c )
   2. ~ELIF［ これは 2 回目の反復である ］~AND［ %入力 の最初の文字 ~EQ ❝- ］ ⇒ `文字を~escapeする$( %c )
   3. ~ELSE ⇒ %c

   ◎ If the character is the first character and is in the range [0-9] (U+0030 to U+0039), then the character escaped as code point. ◎ If the character is the second character and is in the range [0-9] (U+0030 to U+0039) and the first character is a "-" (U+002D), then the character escaped as code point. ◎ ↓ ◎ ↑↑ If the character is the first character and is a "-" (U+002D), and there is no second character, then the escaped character.

   `0080^U0 以上

   ❝-

   ❝_

   ❝A 〜 ❝Z

   ❝a 〜 ❝z

   %c ◎ If the character is not handled by one of the above rules and is greater than or equal to U+0080, is "-" (U+002D) or "_" (U+005F), or is in one of the ranges [0-9] (U+0030 to U+0039), [A-Z] (U+0041 to U+005A), or \[a-z] (U+0061 to U+007A), then the character itself.

   その他

   `文字を~escapeする$( %c ) ◎ Otherwise, the escaped character.

4. ~RET %結果 ◎ ↑

`文字列を直列化する@ ときは、所与の ( 文字列 %入力 ) に対し，次を走らせた結果を返す： ◎ To serialize a string means＼

【 これは ~CSS文字列 を作成する。 】

1. %結果 ~LET ❝" ◎ to create a string represented by '"' (U+0022), followed by＼

2. %入力 を成す ~EACH( 文字 %c ) に対し，先頭から順に ⇒ %結果 に［ %c に応じて，次に与える文字列 ］を付加する ⇒＃ `0000^U0 NULL ならば `FFFD^U0 REPLACEMENT CHARACTER ／ { `0001^U0 〜 `001F^U0, `007F^U0 } ならば `文字を符号位置として~escapeする$( %c ) ／ { ❝", ❝\ } ならば `文字を~escapeする$( %c ) ／ ~ELSE_ %c ◎ the result of applying the rules below to each character of the given string, followed by '"' (U+0022): ◎ If the character is NULL (U+0000), then the REPLACEMENT CHARACTER (U+FFFD). ◎ If the character is in the range [\1-\1f] (U+0001 to U+001F) or is U+007F, the character escaped as code point. ◎ If the character is '"' (U+0022) or "\" (U+005C), the escaped character. ◎ Otherwise, the character itself.

3. %結果 に ❝" を付加する ◎ ↑
4. ~RET %結果 ◎ ↑

注記： ❝' は~escapeされない。 文字列は常に ❝" で括られた形で直列化されるので。 ◎ Note: "'" (U+0027) is not escaped because strings are always serialized with '"' (U+0022).

`~CSS~URLに直列化する@ ときは、所与の ( 文字列 %url ) に対し，次の連結を返す ⇒＃ `url(^l, `文字列を直列化する$( %url ), ❝) ◎ To serialize a URL means to create a string represented by "url(", followed by the serialization of the URL as a string, followed by ")".

`~LOCALに直列化する@ ときは、所与の ( 文字列 %url ) に対し，次の連結を返す ⇒＃ `local(^l, `文字列を直列化する$( %url ), ❝) ◎ To serialize a LOCAL means to create a string represented by "local(", followed by the serialization of the URL as a string, followed by ")".

`~comma区切りで直列化する@ ときは、所与の ( 文字列~list %~list ) に対し，次の結果を返す ⇒ %~list を `, ^l （すなわち［ ❝, ~SP ］並び）で`連結する$ ◎ To serialize a comma-separated list concatenate all items of the list in list order while separating them by ", ", i.e., COMMA (U+002C) followed by a single SPACE (U+0020).

`空白~区切りで直列化する@ ときは、所与の ( 文字列~list %~list ) に対し，次の結果を返す 【この用語は利用されていない】 ⇒ %~list を ~SP で`連結する$ ◎ To serialize a whitespace-separated list concatenate all items of the list in list order while separating them by " ", i.e., a single SPACE (U+0020).

注記： 上の規則に則って~listを直列化する際には、その先頭／末尾に余分な空白は挿入されない。 他が言明されない限り、空~listは，空~文字列に直列化される。 ◎ Note: When serializing a list according to the above rules, extraneous whitespace is not inserted prior to the first item or subsequent to the last item. Unless otherwise specified, an empty list is serialized as the empty string.

4.1. 媒体~照会の構文解析法

`媒体~照会~listとして構文解析する@ ~algoは `MEDIAQUERIES$r 仕様にて定義される【参照】 。 それは、所与の ( `媒体~照会~list$用の文字列 ) に対し，一連の`媒体~照会$からなる~listを返す。 ◎ To parse a media query list for a given string s into a media query list is defined in the Media Queries specification. Return the list of media queries that the algorithm defined there gives.

注記： 結果が “無視される” `媒体~照会$は、 `not all^l に転換されることになる。 ◎ Note: A media query that ends up being "ignored" will turn into "not all".

`媒体~照会として構文解析する@ ときは、所与の ( 文字列 %文字列 ) に対し，次の結果に含まれる`媒体~照会$の個数が［ 1 個だけならば その`媒体~照会$ ／ ~ELSE_ ~NULL ］を返す ⇒ `媒体~照会~listとして構文解析する$( %文字列 ) ◎ To parse a media query for a given string s means to follow the parse a media query list steps and return null if more than one media query is returned or a media query if a single media query is returned.

注記： ここでも， “無視される” `媒体~照会$は、 `not all^l に転換されることになる。 ◎ Note: Again, a media query that ends up being "ignored" will turn into "not all".

4.2. 媒体~照会の直列化-法

`媒体~照会~listを直列化する@ ときは、所与の ( `媒体~照会~list$ %~list ) に対し，次を走らす： ◎ To serialize a media query list run these steps:

`媒体~照会を直列化する@ ときは、所与の ( `媒体~照会$ %媒体~照会 ) に対し，次を走らす： ◎ To serialize a media query let s be the empty string, run the steps below:

1. %文字列 ~LET 空~文字列 ◎ ↑
2. ~IF［ %媒体~照会 は否定形である ］ ⇒ %文字列 に次の連結を付加する ⇒＃ `not^l, ~SP ◎ If the media query is negated append "not", followed by a single SPACE (U+0020), to s.
3. %型 ~LET `~ASCII小文字~化する$( `識別子を直列化する$( %媒体~照会 の`媒体~型$ ) ) ◎ Let type be the serialization as an identifier of the media type of the media query, converted to ASCII lowercase.
4. ~IF［ %媒体~照会 に`媒体~特能$は含まれていない ］ ⇒ ~RET 次の連結 ⇒＃ %文字列, %型 ◎ If the media query does not contain media features append type, to s, then return s.
5. ~IF［ %型 ≠ `all^l ］~OR［ %媒体~照会 は否定形である ］ ⇒ %文字列 に次の連結を付加する ⇒＃ %型, ~SP, `and^l, ~SP ◎ If type is not "all" or if the media query is negated append type, followed by a single SPACE (U+0020), followed by "and", followed by a single SPACE (U+0020), to s.

6. %媒体~照会 を成す ~EACH( `媒体~特能$ %特能 ) に対し，辞書式~順序で： ◎ Sort the media features in lexicographical order. ◎ Then, for each media feature:

   1. %文字列 に次の連結を付加する ⇒＃ ❝(, `~ASCII小文字~化する$( %特能 の名前 ) ◎ Append a "(" (U+0028), followed by the media feature name, converted to ASCII lowercase, to s.
   2. ~IF［ %特能 に値は与えられている ］ ⇒ %文字列 に次の連結を付加する ⇒＃ ❝:, ~SP, `媒体~特能~値を直列化する$( %特能 の値 ) ◎ If a value is given append a ":" (U+003A), followed by a single SPACE (U+0020), followed by the serialized media feature value, to s.
   3. %文字列 に ❝) を付加する ◎ Append a ")" (U+0029) to s.
   4. ~IF［ この反復は最後でない ］ ⇒ %文字列 に次の連結を付加する ⇒＃ ~SP, `and^l, ~SP ◎ If this is not the last media feature append a single SPACE (U+0020), followed by "and", followed by a single SPACE (U+0020), to s.
7. ~RET %文字列 ◎ Return s.

4.3. 媒体~照会の比較-法

`媒体~照会を比較する@ ときは、所与の 2 個の`媒体~照会$ ( %m1, %m2 ) に対し，［ 次が満たされるならば ~T ／ ~ELSE_ ~F ］を返す ⇒ `媒体~照会を直列化する$( %m1 ) ~EQ `媒体~照会を直列化する$( %m2 ) ◎ To compare media queries m1 and m2 means to serialize them both and return true if they are a case-sensitive match and false if they are not.

4.4. `MediaList^I ~ifc

`MediaList$I ~ifcを実装する~objには， `媒体~照会~collection@ が結付けられる。 ◎ An object that implements the MediaList interface has an associated collection of media queries.

[`Exposed$=Window]
interface `MediaList@I {
  `stringifier@m attribute [`TreatNullAs$=EmptyString] `CSSOMString$ `mediaText$m;
  ~RA ~UL `length$m;
  getter `CSSOMString$? `item$m(~UL %index);
  void `appendMedium$m(`CSSOMString$ %medium);
  void `deleteMedium$m(`CSSOMString$ %medium);
};

~objが`~supportする~prop~index$は、 0 以上［ ~collectionで表現される`媒体~照会~collection$に含まれている媒体~照会の総数 ］未満とする。 ◎ The object’s supported property indices are the numbers in the range zero to one less than the number of media queries in the collection of media queries represented by the collection. If there are no such media queries, then there are no supported property indices.

`~MediaList~objを作成する@ ときは、所与の ( 文字列 %~text ) に対し，次を走らす： ◎ To create a MediaList object with a string text, run the following steps:

1. %MediaList ~LET 新たな `MediaList$I ~obj ◎ Create a new MediaList object.
2. %MediaList の `mediaText$m 属性 ~SET %~text ◎ Set its mediaText attribute to text.
3. ~RET %MediaList ◎ Return the newly created MediaList object.

`mediaText@m

取得子は、次の結果を返さ~MUST ⇒ `媒体~照会~listを直列化する$( 此れの`媒体~照会~collection$ ) ◎ The mediaText attribute, on getting, must return a serialization of the collection of media queries.

設定子は、次を走らせ~MUST： ◎ Setting the mediaText attribute must run these steps:

1. 此れの`媒体~照会~collection$を空にする ◎ Empty the collection of media queries.
2. ~IF［ 所与の値 ~EQ 空~文字列 ］ ⇒ ~RET ◎ If the given value is the empty string, then return.
3. 此れの`媒体~照会~collection$に，次の結果を成す すべての媒体~照会を付加する ⇒ `媒体~照会~listとして構文解析する$( 所与の値 ) ◎ Append all the media queries as a result of parsing the given value to the collection of media queries.

`item(index)@m

被呼出時には、［ %index が範囲~外ならば ~NULL ／ ~ELSE_ 次の結果 ］を返さ~MUST ⇒ `媒体~照会~listを直列化する$( 此れの`媒体~照会~collection$内の %index 番の`媒体~照会$ ) ◎ The item(index) method must return a serialization of the media query in the collection of media queries given by index, or null, if index is greater than or equal to the number of media queries in the collection of media queries.

`length@m

取得子は、此れの`媒体~照会~collection$に含まれる`媒体~照会$の個数を返さ~MUST。 ◎ The length attribute must return the number of media queries in the collection of media queries.

`appendMedium(medium)@m

被呼出時には、次を走らせ~MUST： ◎ The appendMedium(medium) method must run these steps:

1. %m ~LET `媒体~照会として構文解析する$( %medium ) ◎ Let m be the result of parsing the given value.
2. ~IF［ %m ~EQ ~NULL ］ ⇒ ~RET ◎ If m is null, then return.
3. 此れの`媒体~照会~collection$を成す ~EACH( %n ) に対し ⇒ ~IF［ `媒体~照会を比較する$( %m, %n ) ~EQ ~T ］ ⇒ ~RET ◎ If comparing m with any of the media queries in the collection of media queries returns true, then return.
4. 此れの`媒体~照会~collection$に %m を付加する ◎ Append m to the collection of media queries.

`deleteMedium(medium)@m

被呼出時には、次を走らせ~MUST： ◎ The deleteMedium(medium) method must run these steps:

1. %m ~LET `媒体~照会として構文解析する$( %medium ) ◎ Let m be the result of parsing the given value.
2. ~IF［ %m ~EQ ~NULL ］ ⇒ ~RET ◎ If m is null, then return.
3. 此れの`媒体~照会~collection$を成す ~EACH( %n ) に対し ⇒ ~IF［ `媒体~照会を比較する$( %m, %n ) ~EQ ~T ］ ⇒＃ %n を此れの`媒体~照会~collection$から除去する ◎ Remove any media query from the collection of media queries for which comparing the media query with m returns true.＼
4. ~IF［ 前~段で除去されたものはない ］ ⇒ ~THROW `NotFoundError$E ◎ If nothing was removed, then throw a NotFoundError exception.

5.1. 選択子の構文解析法

`選択子~listとして構文解析する@ ときは、所与の ( 文字列 %値 ) に対し ⇒ Selectors 仕様にて定義されている `selector-list$t を用いて %値 を構文解析して，それが［ 失敗しなかったならば 結果の`選択子~list$ ／ 失敗した場合は ~NULL ］を返す。 ◎ To parse a group of selectors means to parse the value using the selectors_group production defined in the Selectors specification and return either a group of selectors if parsing did not fail or null if parsing did fail.

5.2. 選択子の直列化-法

`選択子~listを直列化する@ ときは、所与の ( `選択子~list$ %~list ) に対し，次の結果を返す ⇒ `~comma区切りで直列化する$( %~list 内の各~itemに `選択子を直列化する$を適用して得られる同順の~list ) ◎ To serialize a group of selectors serialize each selector in the group of selectors and then serialize a comma-separated list of these serializations.

`選択子を直列化する@ ときは、所与の ( `複体~選択子$ %複体~選択子 ) に対し，次を走らせた結果の文字列を返す： ◎ To serialize a selector＼

1. %結果 ~LET 空~文字列 ◎ let s be the empty string,＼

2. %複体~選択子 を成す ~EACH( `合体~選択子$ %合体~選択子 ) に対し，順に： ◎ run the steps below for each part of the chain of the selector, and finally return s:

   1. ~IF［ %合体~選択子 は 1 個の`全称~選択子$のみからなる ］ ⇒ %結果 に次を付加する ⇒ `単体~選択子を直列化する$( %合体~選択子 ) ◎ If there is only one simple selector in the compound selectors which is a universal selector, append the result of serializing the universal selector to s.
   2. ~ELSE ⇒ %合体~選択子 を成す ~EACH( `単体~選択子$ %単体~選択子 ) に対し ⇒ ~IF［ %単体~選択子 は`全称~選択子$でない ］~OR［ %単体~選択子 の`~ns接頭辞$は`既定の~ns$でない~nsに対応する ］ ⇒ %結果 に次を付加する ⇒ `単体~選択子を直列化する$( %単体~選択子 ) ◎ Otherwise, for each simple selector in the compound selectors that is not a universal selector of which the namespace prefix maps to a namespace that is not the default namespace serialize the simple selector and append the result to s.

   3. ~IF［ %合体~選択子 は %複体~選択子 内の最後の`合体~選択子$でない ］：

      1. %結果 に ~SP を付加する
      2. %結合子 ~LET %合体~選択子 と次の`合体~選択子$の合間にある`結合子$
      3. ~IF［ %結合子 は ~SP のみでない ］ ⇒ %結果 に次の連結を付加する ⇒＃ %結合子, ~SP
      ◎ If this is not the last part of the chain of the selector append a single SPACE (U+0020), followed by the combinator ">", "+", "~", ">>", "||", as appropriate, followed by another single SPACE (U+0020) if the combinator was not whitespace, to s.
   4. ~ELIF［ %合体~選択子 内に`疑似要素$がある ］ ⇒ %結果 に次の連結を付加する ⇒＃ `::^l, その疑似要素の名前 ◎ If this is the last part of the chain of the selector and there is a pseudo-element, append "::" followed by the name of the pseudo-element, to s.
3. ~RET %結果 ◎ ↑

`単体~選択子を直列化する@ ときは、所与の ( `単体~選択子$ %選択子 ) に対し， %選択子 の種別に応じて，次を走らせた結果の文字列を返す： ◎ To serialize a simple selector let s be the empty string, run the steps below, and finally return s:

`型~選択子$

`全称~選択子$

1. %結果 ~LET 空~文字列 ◎ ↑
2. %接頭辞 ~LET %選択子 の`~ns接頭辞$ ◎ ↓
3. ~IF［ %接頭辞 は［ `~null~ns$でも `既定の~ns$でもない~ns ］に対応する ］ ⇒ %結果 に次の連結を付加する ⇒＃ `識別子を直列化する$( %接頭辞 ), ❝| ◎ If the namespace prefix maps to a namespace that is not the default namespace and is not the null namespace (not in a namespace) append the serialization of the namespace prefix as an identifier, followed by a "|" (U+007C) to s.
4. ~IF［ %接頭辞 は`~null~ns$に対応する ］ ⇒ %結果 に ❝| を付加する ◎ If the namespace prefix maps to a namespace that is the null namespace (not in a namespace) append "|" (U+007C) to s.
5. %結果 に %選択子 に応じて次を付加する ⇒＃ `型~選択子$であるならば `識別子を直列化する$( 要素~名 ) ／ `全称~選択子$であるならば ❝* ◎ If this is a type selector append the serialization of the element name as an identifier to s. ◎ If this is a universal selector append "*" (U+002A) to s.
6. ~RET %結果 ◎ ↑

`属性~選択子$

1. %結果 ~LET ❝[ ◎ Append "[" (U+005B) to s.
2. %接頭辞 ~LET %選択子 の`~ns接頭辞$ ◎ ↓
3. ~IF［ %接頭辞 は`~null~ns$でない~nsに対応する ］ ⇒ %結果 に次の連結を付加する ⇒＃ `識別子を直列化する$( %接頭辞 ), ❝| ◎ If the namespace prefix maps to a namespace that is not the null namespace (not in a namespace) append the serialization of the namespace prefix as an identifier, followed by a "|" (U+007C) to s.
4. %結果 に次を付加する ⇒ `識別子を直列化する$( %選択子 の属性~名 ) ◎ Append the serialization of the attribute name as an identifier to s.

5. ~IF［ %選択子 に属性~値が指定されている ］：

   1. %結果 に［ `属性~選択子$の種別に応じて，次のいずれか適切なもの ］を付加する ⇒＃ ❝=, `~=^l, `|=^l, "^=", "$=", `*=^l
   2. %結果 に次を付加する ⇒ `文字列を直列化する$( %選択子 の属性~値 )
   ◎ If there is an attribute value specified, append "=", "~=", "|=", "^=", "$=", or "*=" as appropriate (depending on the type of attribute selector), followed by the serialization of the attribute value as a string, to s.

6. ~IF［ 属性~選択子 `has the case-sensitivity flag present^en† ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, ❝i ◎ If the attribute selector has the case-sensitivity flag present, append " i" (U+0020 U+0069) to s.

   【† 属性~値の 文字大小は区別されない なら真 — “`case-sensitivity^en” と意味が正反対であるが。 】

7. %結果 に ❝] を付加する ◎ Append "]" (U+005D) to s.
8. ~RET %結果 ◎ ↑

`~class選択子$

~RET 次の連結 ⇒＃ ❝., `識別子を直列化する$( %選択子 の class 名 ) ◎ Append a "." (U+002E), followed by the serialization of the class name as an identifier to s.

`ID 選択子$

~RET 次の連結 ⇒＃ ❝#, `識別子を直列化する$( %選択子 の ID ) ◎ Append a "#" (U+0023), followed by the serialization of the ID as an identifier to s.

`疑似類$

1. %結果 ~LET 次の連結 ⇒＃ ❝:, %選択子 （`疑似類$）の名前 ◎ ↓
2. ~IF［ %選択子 は引数をとる`疑似類$でない ］ ⇒ ~RET %結果 ◎ If the pseudo-class does not accept arguments append ":" (U+003A), followed by the name of the pseudo-class, to s.

3. %結果 に次の連結を付加する ⇒＃ ❝(, 下に与える文字列, ❝) ◎ Otherwise, append ":" (U+003A), followed by the name of the pseudo-class, followed by "(" (U+0028), followed by the value of the pseudo-class argument(s) determined as per below, followed by ")" (U+0029), to s.

   文字列は、 %選択子 に応じて： ◎ ↑

   `lang()$ps

   `~comma区切りで直列化する$( 各 引数に`文字列を直列化する$ を適用して得られる同順の~list ) ◎ The serialization of a comma-separated list of each argument’s serialization as a string, preserving relative order.

   `nth-child()$ps

   `nth-last-child()$ps

   `nth-of-type()$ps

   `nth-last-of-type()$ps

   <an+b> の直列化-法を利用して，引数を直列化した結果 【引数には "`of …^css" 以下を成す部分もあるが、ここには述べられていない。】 ◎ The result of serializing the value using the rules to serialize an <an+b> value.

   `not()$ps

   `選択子~listを直列化する$( 引数たち ) ◎ The result of serializing the value using the rules for serializing a group of selectors.

4. ~RET %結果 ◎ ↑

6.1. ~CSS~ss

`~CSS~ss@ とは、~CSS仕様にて定義される~ssを表現する抽象的な概念である。 CSSOM においては、`~CSS~ss$は `CSSStyleSheet$I ~objにより表現される。 各`~CSS~ss$ %~ss には、以下に挙げる状態~itemが結付けられる： ◎ A CSS style sheet is an abstract concept that represents a style sheet as defined by the CSS specification. In the CSSOM a CSS style sheet is represented as a CSSStyleSheet object. A CSS style sheet has a number of associated state items:

`種別@ss◎ type

`text/css^l ◎ The literal string "text/css".

`所在@ss◎ location

作成-時に指定される。 ［ %~ss が埋込みの`~CSS~ss$である場合は ~NULL ／ ~ELSE_ %~ss に対する最初の 【リダイレクト前の】 要請の`絶対~URL文字列$ ］。 %~ss が存続する限り，変化しない。 ◎ Specified when created. The absolute-URL string of the first request of the CSS style sheet or null if the CSS style sheet was embedded. Does not change during the lifetime of the CSS style sheet.

`親~CSS~ss@ss◎ parent CSS style sheet

作成-時に指定される。 %~ss の親の`~CSS~ss$が［ 在れば それ ／ 無ければ ~NULL ］。 ◎ Specified when created. The CSS style sheet that is the parent of the CSS style sheet or null if there is no associated parent.

`所有者~node@ss◎ owner node

作成-時に指定される。 %~ss に結付けられている~DOM~nodeが［ 在れば それ ／ 無ければ ~NULL ］。 ◎ Specified when created. The DOM node associated with the CSS style sheet or null if there is no associated DOM node.

`所有者~CSS規則@ss◎ owner CSS rule

作成-時に指定される。 `親~CSS~ss$ssの中で， %~ss のinclusion 【 `import$at ？ 】 を生じさせた`~CSS規則$が［ 在ればそれ ／ 無ければ ~NULL ］ ◎ Specified when created. The CSS rule in the parent CSS style sheet that caused the inclusion of the CSS style sheet or null if there is no associated rule.

`媒体@ss◎ media

作成-時に指定される， `MediaList$I ~obj ◎ Specified when created. The MediaList object associated with the CSS style sheet.

この~propに文字列が指定された場合、`媒体$ssは，次の結果に設定され~MUST ⇒ `~MediaList~objを作成する$( その文字列 ) ◎ If this property is specified to a string, the media must be set to the return value of invoking create a MediaList object steps for that string.

この~propに`所有者~node$ssのある属性 %属性 が指定された場合 【 すなわち、 %属性 を参照するように指定された場合】 ： ◎ If this property is specified to an attribute of the owner node,＼

• `媒体$ssは，次の結果に設定され~MUST ⇒ `~MediaList~objを作成する$( %属性 の値 ) ◎ the media must be set to the return value of invoking create a MediaList object steps for the value of that attribute.＼
• %属性 が［ 設定-／変更-／除去- ］される度に、`媒体$ssの `mediaText$m 属性は［ %属性 が不在になったならば ~NULL ／ ~ELSE_ %属性 の新たな値 ］に設定され~MUST。 ◎ Whenever the attribute is set, changed or removed, the media’s mediaText attribute must be set to the new value of the attribute, or to null if the attribute is absent.

注記： `媒体$ssの `mediaText$m 属性の値が変化しても， %属性 は変化しない。 ◎ Note: Changing the media’s mediaText attribute does not change the corresponding attribute on the owner node.

`~title@ss◎ title

作成-時に指定される。 `~CSS~ss$の~title。 空~文字列もとり得る。 ◎ Specified when created. The title of the CSS style sheet, which can be the empty string.

次の例では、最初の~ssの`~title$ssは空~文字列ではなく，2 個目と 3 個目の~ssについては、空~文字列になる。 ◎ In the following, the title is non-empty for the first style sheet, but is empty for the second and third style sheets.

<style title="papaya whip">
  body { background: #ffefd5; }
</style>

<style title="">
  body { background: orange; }
</style>

<style>
  body { background: brown; }
</style>

この~propが`所有者~node$ssの属性に指定された場合、`~title$ssは，その属性~値に設定され~MUST。 属性が［ 設定-／変更-／除去- ］されるときは 常に、`~title$ssは［ その属性が不在になったならば空~文字列 ／ ~ELSE_ その属性の新たな値 ］に設定され~MUST。 ◎ If this property is specified to an attribute of the owner node, the title must be set to the value of that attribute. Whenever the attribute is set, changed or removed, the title must be set to the new value of the attribute, or to the empty string if the attribute is absent.

`代替-~flag@ss◎ alternate flag

作成-時に指定される。 ~ON, ~OFF のいずれか。 既定は ~OFF 。 ◎ Specified when created. Either set or unset. Unset by default.

次の`~CSS~ss$は，`代替-~flag$ssが ~ON にされる： ◎ The following CSS style sheets have their alternate flag set:

<?xml-stylesheet alternate="yes" title="x" href="data:text/css,…"?>

<link rel="alternate stylesheet" title="x" href="data:text/css,…">

`不能化~flag@ss◎ disabled flag

~ON, ~OFF のいずれか。 既定は ~OFF 。 ◎ Either set or unset. Unset by default.

注記： ~OFF であっても，必ずしも`~CSS~ss$が具現化に実際に利用されるとは限らない。 ◎ Note: Even when unset it does not necessarily mean that the CSS style sheet is actually used for rendering.

`~CSS規則列@ss◎ CSS rules

`~CSS~ss$に結付けられている一連の`~CSS規則$からなる~list。 ◎ The CSS rules associated with the CSS style sheet.

`origin-clean ~flag@ss

作成-時に指定される。 ~ON, ~OFF のいずれか。 ~ON の場合，~APIによる`~CSS規則列$ssに対する読取りと改変が許容される。 ◎ Specified when created. Either set or unset. If it is set, the API allows reading and modifying of the CSS rules.

[`Exposed$=Window]
interface `StyleSheet@I {
  ~RA `CSSOMString$ `type$m;
  ~RA `USVString$? `href$m;
  ~RA (`Element$I or `ProcessingInstruction$I)? `ownerNode$m;
  ~RA `StyleSheet$I? `parentStyleSheet$m;
  ~RA `DOMString$? `title$m;
  [`SameObject$, `PutForwards$=`mediaText$m] ~RA `MediaList$I `media$m;
  attribute boolean `disabled$m;
};

[`Exposed$=Window]
interface `CSSStyleSheet@I : `StyleSheet$I {
  ~RA `CSSRule$I? `ownerRule$m;
  [`SameObject$] ~RA `CSSRuleList$I `cssRules$m;
  ~UL `insertRule$m(`CSSOMString$ %rule, optional ~UL %index = 0);
  void `deleteRule$m(~UL %index);
};

6.2. ~CSS~ss~collection

以下に、各 `文書$に結付けられる，種々の新たな概念が定義される ◎ Below various new concepts are defined that are associated with each Document object.

各 `文書$には、 `文書~ss~list@ と呼ばれる，ゼロ個以上の`~CSS~ss$からなる~listが結付けられる。 これは、［ `文書$に結付けられている`~CSS~ss$ ］すべてを含む，`木~順序$による~listである。 但し， HTTP `Link$h ~headerから作成される`~CSS~ss$は、それらの~headerに現れる順に，~listの先頭に置かれる。 ◎ Each Document has an associated list of zero or more CSS style sheets, named the document CSS style sheets. This is an ordered list that contains all CSS style sheets associated with the Document, in tree order, with CSS style sheets created from HTTP Link headers first, if any, in header order.

`~CSS~ssを作成する@ ときは、次を走らす： ◎ To create a CSS style sheet, run these steps:

1. 新たな`~CSS~ss$ ~objを作成し，その各種~propを指定された値に設定した上で、`文書~ss~list$に その`~CSS~ssを追加する$ ◎ Create a new CSS style sheet object and set its properties as specified. ◎ Then run the add a CSS style sheet steps for the newly created CSS style sheet.

   `origin-clean ~flag$ss ~EQ ~OFF の下では、これにより，利用者の~intranetからの情報が公開され得る。 ◎ If the origin-clean flag is unset, this can expose information from the user’s intranet.

`~CSS~ssを追加する@ ときは、所与の ( ~CSS~ss %~ss ) に対し，次を走らす： ◎ To add a CSS style sheet, run these steps:

1. %~ss を，`文書~ss~list$内の適切な位置に追加する

   （手続きの以下の部分は`不能化~flag$ssについての取り扱いになる）

   ◎ Add the CSS style sheet to the list of document CSS style sheets at the appropriate location. The remainder of these steps deal with the disabled flag.
2. ~IF［ %~ss の`不能化~flag$ss ~EQ ~ON ］ ⇒ ~RET ◎ If the disabled flag is set, then return.
3. %~title ← %~ss の`~title$ss ◎ ↓
4. ~IF［ %~title ~NEQ 空~文字列 ］~AND［ %~ss の`代替-~flag$ss ~EQ ~OFF ］~AND［ `選好される~CSS~ss集合~名$ ~EQ 空~文字列 ］ ⇒ `選好される~CSS~ss集合~名を変更する$( %~title ) ◎ If the title is not the empty string, the alternate flag is unset, and preferred CSS style sheet set name is the empty string change the preferred CSS style sheet set name to the title.
5. %~CSS~ss集合~名 ~LET［ `最後の~CSS~ss集合~名$ ~NEQ ~NULL ならば それ ／ ~ELSE_ `選好される~CSS~ss集合~名$ ］ ◎ ↓
6. %~ss の`不能化~flag$ss ~SET ［ 次が満たされるならば ~OFF ／ ~ELSE_ ~ON ］ ⇒ %~title ~IN { 空~文字列, %~CSS~ss集合~名 } ◎ If any of the following is true, then unset the disabled flag and return: • The title is the empty string. • The last CSS style sheet set name is null and the title is a case-sensitive match for the preferred CSS style sheet set name. • The title is a case-sensitive match for the last CSS style sheet set name. ◎ Set the disabled flag.

`~CSS~ssを除去する@ ときは、所与の ( `~CSS~ss$ %~ss ) に対し，次を走らす： ◎ To remove a CSS style sheet, run these steps:

1. `文書~ss~list$から %~ss を除去する ◎ Remove the CSS style sheet from the list of document CSS style sheets.
2. %~ss の［ `親~CSS~ss$ss, `所有者~node$ss, `所有者~CSS規則$ss ］ ~SET ~NULL ◎ Set the CSS style sheet’s parent CSS style sheet, owner node and owner CSS rule to null.

`持続的~CSS~ss@ とは、`文書~ss~list$に属する`~CSS~ss$のうち，次を満たすものである ⇒ ［ `~title$ss ~EQ 空~文字列 ］~AND［ `代替-~flag$ss ~EQ ~OFF ］ ◎ A persistent CSS style sheet is a CSS style sheet from the document CSS style sheets whose title is the empty string and whose alternate flag is unset.

`~CSS~ss集合@ とは、［ `文書~ss~list$に属する`~CSS~ss$のうち，［ 空~文字列でない`~title$ss ］が互いに一致するもの ］からなる，有順序~collectionである。 ◎ A CSS style sheet set is an ordered collection of one or more CSS style sheets from the document CSS style sheets which have an identical title that is not the empty string.

`~CSS~ss集合$に属する各`~CSS~ss$に共通する`~title$ssは、 `~CSS~ss集合~名@ と呼ばれる。 ◎ A CSS style sheet set name is the title the CSS style sheet set has in common.

`~CSS~ss集合$は、次を満たすならば `可能化~CSS~ss集合@ とされる ⇒ それに属するどの`~CSS~ss$の`不能化~flag$ssも ~OFF にされている ◎ An enabled CSS style sheet set is a CSS style sheet set of which each CSS style sheet has its disabled flag unset.

`~CSS~ss集合を可能化する@ ときは、所与の ( 文字列 %名前 ) に対し，次を走らす： ◎ To enable a CSS style sheet set with name name, run these steps:

1. `文書~ss~list$を成す ~EACH( `~CSS~ss$ %~ss ) に対し ⇒ ~IF［ %~ss の`~title$ss ~NEQ 空~文字列 ］ ⇒ %~ss の`不能化~flag$ss ~SET［ %~ss の`~title$ss ~EQ %名前 ならば ~OFF ／ ~ELSE_ ~ON ］ ◎ If name is the empty string, set the disabled flag for each CSS style sheet that is in a CSS style sheet set and return. ◎ Unset the disabled flag for each CSS style sheet in a CSS style sheet set whose CSS style sheet set name is a case-sensitive match for name and set it for all other CSS style sheets in a CSS style sheet set.

`~CSS~ss集合を選択する@ ときは、所与の ( 文字列 %名前 ) に対し，次を走らす： ◎ To select a CSS style sheet set with name name, run these steps:

1. `~CSS~ss集合を可能化する$( %名前 ) ◎ enable a CSS style sheet set with name name.
2. `最後の~CSS~ss集合~名$ ~SET %名前 ◎ Set last CSS style sheet set name to name.

`最後の~CSS~ss集合~名@ とは、［ どの`~CSS~ss集合$を最後に`選択した$ssか ］を決定するための概念である — 初期~時には ~NULL とする。 ◎ A last CSS style sheet set name is a concept to determine what CSS style sheet set was last selected. Initially its value is null.

`選好される~CSS~ss集合~名@ とは、［ どの`~CSS~ss$について，`不能化~flag$ssを ~OFF にする必要があるか ］を決定するための概念である — 初期~時には空~文字列とする。 ◎ A preferred CSS style sheet set name is a concept to determine which CSS style sheets need to have their disabled flag unset. Initially its value is the empty string.

`選好される~CSS~ss集合~名を変更する@ ときは、所与の ( 名前 %名前 ) に対し，次を走らす： ◎ To change the preferred CSS style sheet set name with name name, run these steps:

1. %current ~LET `選好される~CSS~ss集合~名$ ◎ Let current be the preferred CSS style sheet set name.
2. `選好される~CSS~ss集合~名$ ~SET %名前 ◎ Set preferred CSS style sheet set name to name.
3. ~IF［ %名前 ~NEQ %current ］~AND［ `最後の~CSS~ss集合~名$ ~EQ ~NULL ］ ⇒ `~CSS~ss集合を可能化する$( %名前 ) ◎ If name is not a case-sensitive match for current and last CSS style sheet set name is null enable a CSS style sheet set with name name.

[`Exposed$=Window]
interface `StyleSheetList@I {
  getter `StyleSheet$I? `item$m(~UL %index);
  ~RA ~UL `length$m;
};

partial interface `Document!I {
  [`SameObject$] ~RA `StyleSheetList$I `styleSheets$m;
};

6.3. ~ssの結付け

この節では、`~CSS~ss$の`所有者~node$ssが実装する必要がある~ifcを定義する。 `xml-stylesheet 処理命令$, および［ ~link関係~型に `stylesheet^l を含むような HTTP `Link$h ~header ］に課される要件を定義する。 ◎ This section defines the interface an owner node of a CSS style sheet has to implement and defines the requirements for xml-stylesheet processing instructions and HTTP Link headers when the link relation type is an ASCII case-insensitive match for "stylesheet".

interface mixin `LinkStyle@I {
  ~RA `StyleSheet$I? `sheet$m;
};

`ProcessingInstruction$I includes `LinkStyle$I;

6.4. ~CSS規則

`~CSS規則@ とは、~CSS仕様にて定義される規則を表す，抽象的な概念である。 `~CSS規則$は、 `CSSRule$I ~ifcを継承する~ifcを実装する~objで表現される。 それには，以下の状態~itemが結付けられる 【括弧内は，~itemに対応する `CSSRule!I の属性~member（この訳による補足）】 ◎ A CSS rule is an abstract concept that denotes a rule as defined by the CSS specification. A CSS rule is represented as an object that implements a subclass of the CSSRule interface, and which has the following associated state items:

`種別@（ `type$m ）◎ type

特定0の［ 規則の種別 ］に結付けられている，非負~整数。 この~itemは、規則の作成-時に初期化されなければならず，変更されることはない。 【 `CSSRule$I を継承する特定の~ifcに対応する。】 ◎ A non-negative integer associated with a particular type of rule. This item is initialized when a rule is created and cannot change.

`~text@（ `~cssText0$m ）◎ text

~ss内で直に利用するのに適するような，規則の~text表現。 この~itemは規則の作成-時に初期化されなければならず，規則が存続する間 変更され得る。 ◎ A text representation of the rule suitable for direct use in a style sheet. This item is initialized when a rule is created and can be changed.

`親~規則@（ `parentRule$m ）◎ parent CSS rule

この規則を封入している別の`~CSS規則$への参照か, または ~NULL。 この~itemは規則の作成-時に［ そのような別の規則があるならばそれ ／ ~ELSE_ ~NULL ］に初期化される。 これは，~NULLに変更され得る。 ◎ A reference to an enclosing CSS rule or null. If the rule has an enclosing rule when it is created, then this item is initialized to the enclosing rule; otherwise it is null. It can be changed to null.

`親~ss@（ `parentStyleSheet$m ）◎ parent CSS style sheet

親の`~CSS~ss$への参照か, または ~NULL。 この~itemは、規則の作成-時に結付けられている~ssへの参照に初期化される。 これは，~NULLに変更され得る。 ◎ A reference to a parent CSS style sheet or null. This item is initialized to reference an associated style sheet when the rule is created. It can be changed to null.

`子~規則列@◎ child CSS rules

子 `~CSS規則$の~list。 この~listは変異し得る。 ◎ A list of child CSS rules. The list can be mutated.

上の状態~itemに加え、各`~CSS規則$には，その`種別$に則って他の状態~itemも結付けられ得る。 ◎ In addition to the above state, each CSS rule may be associated with other state in accordance with its type.

`~CSS規則として構文解析する@ ときは、所与の ( 文字列 %文字列 ) に対し，次を走らす： ◎ To parse a CSS rule from a string string, run the following steps:

1. %規則 ~LET %文字列 から 規則を構文解析-した結果 ◎ Let rule be the return value of invoking parse a rule with string.
2. ~IF［ %規則 ~EQ 構文~error ］ ⇒ ~RET %規則 ◎ If rule is a syntax error, return rule.
3. %解析済み規則 ~LET 適切な~CSS仕様に則って %規則 を構文解析した上で，`無視される$ものは落とした結果 ⇒ ~IF［ ~style規則~全体が落とされた ］ ⇒ ~RET 構文~error ◎ Let parsed rule be the result of parsing rule according to the appropriate CSS specifications, dropping parts that are said to be ignored. If the whole style rule is dropped, return a syntax error.
4. ~RET %解析済み規則 ◎ Return parsed rule.

`~CSS規則を直列化する@ ときは、所与の ( `~CSS規則$ %規則 ) に対し，その`種別$ 【に対応する~ifc】 に応じて，次に与える文字列を返す： ◎ To serialize a CSS rule, perform one of the following in accordance with the CSS rule’s type:

`CSSStyleRule!I

1. %結果 ~LET 次の連結 ⇒＃ `選択子~listを直列化する$( %規則 が表現している`~CSS~style規則$の`選択子~list$ ), ~SP, ❝{, ~SP ◎ The result of concatenating the following: ◎ The result of performing serialize a group of selectors on the rule’s associated selectors. ◎ The string " { ", i.e., a single SPACE (U+0020), followed by LEFT CURLY BRACKET (U+007B), followed by a single SPACE (U+0020).
2. ~IF［ %規則 が表現している`~CSS~style規則$の`宣言列$ 【 `style$m 】 は空でない ］ ⇒ %結果 に次の連結を付加する ⇒＃ `宣言列を直列化する$( その宣言列 ), ~SP ◎ The result of performing serialize a CSS declaration block on the rule’s associated declarations. ◎ If the rule is associated with one or more declarations, the string " ", i.e., a single SPACE (U+0020).
3. %結果 に ❝} を付加する ◎ The string "}", RIGHT CURLY BRACKET (U+007D).
4. ~RET %結果 ◎ ↑

`CSSImportRule!I

1. %結果 ~LET 次の連結 ⇒＃ "@import", ~SP, `~CSS~URLに直列化する$( %規則 の所在【 `href$m 】 ) ◎ The result of concatenating the following: ◎ The string "@import" followed by a single SPACE (U+0020). ◎ The result of performing serialize a URL on the rule’s location.
2. ~IF［ %規則 に結付けられている媒体~list %媒体~list 【 `media$m ／ `媒体~照会~collection$ 】 は空でない ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `媒体~照会~listを直列化する$( %媒体~list ) ◎ If the rule’s associated media list is not empty, a single SPACE (U+0020) followed by the result of performing serialize a media query list on the media list.
3. %結果 に ❝; を付加する ◎ The string ";", i.e., SEMICOLON (U+003B).
4. ~RET %結果 ◎ ↑

`import$at url(`import.css^l);

`import$at url(`print.css^l) print;

`CSSMediaRule$I

1. %結果 ~LET 次の連結 ⇒＃ `@media^l, ~SP, `媒体~照会~listを直列化する$( %規則 の媒体~照会~list 【`媒体~照会~collection$】 ), ~SP, ❝{ ◎ The result of concatenating the following: ◎ The string "@media", followed by a single SPACE (U+0020). ◎ The result of performing serialize a media query list on rule’s media query list. ◎ A single SPACE (U+0020), followed by the string "{", i.e., LEFT CURLY BRACKET (U+007B), followed by a newline.
2. %規則 の`子~規則列$を成す ~EACH( %子~規則 ) に対し ⇒ %結果 に次の連結を付加する ⇒＃ ~newline†, ~SP, ~SP, `~CSS規則を直列化する$( %子~規則 ) ◎ The result of performing serialize a CSS rule on the each rule, seperated by a newline and indented by two spaces, in rule’s CSSRules list.
3. %結果 に次の連結を付加する ⇒＃ ~newline†, ❝} ◎ A newline, followed by the string "}", i.e., RIGHT CURLY BRACKET (U+007D)
4. ~RET %結果 ◎ ↑

【† おそらく， `000A^U0 (LF) 】

`CSSFontFaceRule$I

1. %結果 ~LET 次の連結 ⇒＃ `@font-face {^l, ~SP, `font-family:^l, ~SP, `文字列を直列化する$( %規則 の `font-family$td ), ❝; ◎ The result of concatenating the following: ◎ The string "@font-face {", followed by a single SPACE (U+0020). ◎ The string "font-family:", followed by a single SPACE (U+0020). ◎ The result of performing serialize a string on the rule’s font family name. ◎ The string ";", i.e., SEMICOLON (U+003B).

2. ~IF［ %規則 内に `src$d 記述子は在る ］：

   1. %~source~list ~LET %規則 の `src$td 内の各~sourceに［ `~CSS~URLに直列化する$ ／ `~LOCALに直列化する$ ］のいずれか適切な方を適用して得られる同順の~list
   2. %結果 に次の連結を付加する ⇒＃ ~SP, `src:^l, ~SP, `~comma区切りで直列化する$( %~source~list ), ❝;
   ◎ If the rule’s associated source list is not empty, follow these substeps: ◎ A single SPACE (U+0020), followed by the string "src:", followed by a single SPACE (U+0020). ◎ The result of invoking serialize a comma-separated list on performing serialize a URL or serialize a LOCAL for each source on the source list. ◎ The string ";", i.e., SEMICOLON (U+003B).
3. ~IF［ %規則 内に `unicode-range$d 記述子は在る ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `unicode-range:^l, ~SP, %規則 の `unicode-range$td を直列化した結果, ❝; ◎ If rule’s associated unicode-range descriptor is present, a single SPACE (U+0020), followed by the string "unicode-range:", followed by a single SPACE (U+0020), followed by the result of performing serialize a <‘unicode-range’>, followed by the string ";", i.e., SEMICOLON (U+003B).
4. ~IF［ %規則 内に `font-variant$d 記述子は在る ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `font-variant:^l, ~SP, %規則 の `font-variant$td を直列化した結果, ❝; ◎ If rule’s associated font-variant descriptor is present, a single SPACE (U+0020), followed by the string "font-variant:", followed by a single SPACE (U+0020), followed by the result of performing serialize a <‘font-variant’>, followed by the string ";", i.e., SEMICOLON (U+003B).
5. ~IF［ %規則 内に `font-feature-settings$d 記述子は在る ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `font-feature-settings:^l, ~SP, %規則 の `font-feature-settings$td を直列化した結果, ❝; ◎ If rule’s associated font-feature-settings descriptor is present, a single SPACE (U+0020), followed by the string "font-feature-settings:", followed by a single SPACE (U+0020), followed by the result of performing serialize a <‘font-feature-settings’>, followed by the string ";", i.e., SEMICOLON (U+003B).
6. ~IF［ %規則 内に `font-stretch$d 記述子は在る ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `font-stretch:^l, ~SP, %規則 の `font-stretch$td を直列化した結果, ❝; ◎ If rule’s associated font-stretch descriptor is present, a single SPACE (U+0020), followed by the string "font-stretch:", followed by a single SPACE (U+0020), followed by the result of performing serialize a <‘font-stretch’>, followed by the string ";", i.e., SEMICOLON (U+003B).
7. ~IF［ %規則 内に `font-weight$d 記述子は在る ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `font-weight:^l, ~SP, %規則 の `font-weight$td を直列化した結果, ❝; ◎ If rule’s associated font-weight descriptor is present, a single SPACE (U+0020), followed by the string "font-weight:", followed by a single SPACE (U+0020), followed by the result of performing serialize a <‘font-weight’>, followed by the string ";", i.e., SEMICOLON (U+003B).
8. ~IF［ %規則 内に `font-style$d 記述子は在る ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `font-style:^l, ~SP, %規則 の `font-style$td を直列化した結果, ❝; ◎ If rule’s associated font-style descriptor is present, a single SPACE (U+0020), followed by the string "font-style:", followed by a single SPACE (U+0020), followed by the result of performing serialize a <‘font-style’>, followed by the string ";", i.e., SEMICOLON (U+003B).
9. %結果 に次の連結を付加する ⇒＃ ~SP, ❝} ◎ A single SPACE (U+0020), followed by the string "}", i.e., RIGHT CURLY BRACKET (U+007D).
10. ~RET %結果 ◎ ↑

`CSSFontFaceRule$I の各種 記述子の値を直列化する方法を定義する必要がある。 ◎ Need to define how the CSSFontFaceRule descriptors' values are serialized.

`CSSPageRule$I

直列化する方法を定義する必要がある。 ◎ Need to define how CSSPageRule is serialized.

`CSSNamespaceRule!I

1. %結果 ~LET 次の連結 ⇒＃ "@namespace", ~SP
2. ~IF［ `prefix$m 属性の値 ~NEQ 空~文字列 ］ ⇒ %結果 に次の連結を付加する ⇒＃ `識別子を直列化する$( その属性~値 ), ~SP, `~CSS~URLに直列化する$( `namespaceURI$m 属性の値 ), ❝; ◎ The literal string "@namespace", followed by a single SPACE (U+0020), followed by the serialization as an identifier of the prefix attribute (if any), followed by a single SPACE (U+0020) if there is a prefix, followed by the serialization as URL of the namespaceURI attribute, followed the character ";" (U+003B).
3. ~RET %結果 ◎ ↑

`~index番の規則として挿入する@ ときは、所与の ( `~CSS規則列$ss %~list, `~CSS規則$ %規則, %index ) に対し，次を走らす： ◎ To insert a CSS rule rule in a CSS rule list list at index index, follow these steps:

1. ~IF［ %index ~GT %~list の~item数 ］ ⇒ ~THROW `IndexSizeError$E ◎ Set length to the number of items in list. ◎ If index is greater than length, then throw an IndexSizeError exception.
2. %解析済み規則 ~SET `~CSS規則として構文解析する$( %規則 ) ◎ Set new rule to the results of performing parse a CSS rule on argument rule.
3. ~IF［ %解析済み規則 ~EQ 構文~error ］ ⇒ ~THROW `SyntaxError$E ◎ If new rule is a syntax error, throw a SyntaxError exception.

4. ~IF［ ~CSS仕様 `CSS21$r に規定される拘束に反するために，指定された %index （ゼロが先頭）に %解析済み規則 を挿入できない ］ ⇒ ~THROW `HierarchyRequestError$E ◎ If new rule cannot be inserted into list at the zero-index position index due to constraints specified by CSS, then throw a HierarchyRequestError exception. [CSS21]

   注記： 例えば、~CSS~ssは，~style規則の後に `import$at at-規則を含められない。 ◎ Note: For example, a CSS style sheet cannot contain an @import at-rule after a style rule.

5. ~IF［ %解析済み規則 は `namespace$at at-規則である ］~AND［ %~list 内に［ `import$at at-規則, `namespace$at at-規則 ］以外のものが含まれている ］ ⇒ ~THROW `InvalidStateError$E ◎ If new rule is an @namespace at-rule, and list contains anything other than @import at-rules, and @namespace at-rules, throw an InvalidStateError exception.
6. %解析済み規則 を %~list 内の %index 番の~itemになるように挿入する ◎ Insert new rule into list at the zero-indexed position index.
7. ~RET %index ◎ Return index.

`~index番の規則を除去する@ ときは、所与の ( `~CSS規則列$ss %~list, %index ) に対し，次を走らす： ◎ To remove a CSS rule from a CSS rule list list at index index, follow these steps:

1. ~IF［ %index ~GTE %~list の長さ ］ ⇒ ~THROW `IndexSizeError$E ◎ Set length to the number of items in list. ◎ If index is greater than or equal to length, then throw an IndexSizeError exception.
2. %規則 ~SET %~list 内の %index 番の`~CSS規則$ ◎ Set old rule to the indexth item in list.
3. ~IF［ %規則 は `namespace$at at-規則である ］~AND［ %~list 内に［ `import$at at-規則, `namespace$at at-規則 ］以外のものが含まれている ］ ⇒ ~THROW `InvalidStateError$E ◎ If old rule is an @namespace at-rule, and list contains anything other than @import at-rules, and @namespace at-rules, throw an InvalidStateError exception.
4. %~list から %index 番の %規則 を除去する ◎ Remove rule old rule from list at the zero-indexed position index.
5. %規則 の［ `親~規則$ ／ `親~ss$ ］ ~SET ~NULL ◎ Set old rule’s parent CSS rule and parent CSS style sheet to null.

[`Exposed$=Window]
interface `CSSRuleList@I {
  getter `CSSRule$I? `item$m(~UL %index);
  ~RA ~UL `length$m;
};

[`Exposed$=Window]
interface `CSSRule@I {
  const ~US `STYLE_RULE$m = 1;
  const ~US `CHARSET_RULE@m = 2; // 歴史的
  const ~US `IMPORT_RULE$m = 3;
  const ~US `MEDIA_RULE$m = 4;
  const ~US `FONT_FACE_RULE$m = 5;
  const ~US `PAGE_RULE$m = 6;
  const ~US `MARGIN_RULE$m = 9;
  const ~US `NAMESPACE_RULE$m = 10;
  ~RA ~US `type$m;
  attribute `CSSOMString$ `~cssText0$m;
  ~RA `CSSRule$I? `parentRule$m;
  ~RA `CSSStyleSheet$I? `parentStyleSheet$m;
};

[`Exposed$=Window]
interface `CSSStyleRule@I : `CSSRule$I {
  attribute `CSSOMString$ `selectorText$m;
  [`SameObject$, `PutForwards$=`cssText$m] ~RA `CSSStyleDeclaration$I `style$m;
};

[`Exposed$=Window]
interface `CSSImportRule@I : `CSSRule$I {
  ~RA `USVString$ `href$m;
  [`SameObject$, `PutForwards$=`mediaText$m] ~RA `MediaList$I `media$m;
  [`SameObject$] ~RA `CSSStyleSheet$I `styleSheet$m;
};

[`Exposed$=Window]
interface `CSSGroupingRule@I : `CSSRule$I {
  [`SameObject$] ~RA `CSSRuleList$I `cssRules$m;
  ~UL `insertRule$m(`CSSOMString$ %rule, optional ~UL %index = 0);
  void `deleteRule$m(~UL %index);
};

[`Exposed$=Window]
interface `CSSPageRule@I : `CSSGroupingRule$I {
  attribute `CSSOMString$ `selectorText$m;
  [`SameObject$, `PutForwards$=`cssText$m] ~RA `CSSStyleDeclaration$I `style$m;
};

[`Exposed$=Window]
interface `CSSMarginRule@I : `CSSRule$I {
  ~RA `CSSOMString$ `name$m;
  [`SameObject$, `PutForwards$=`cssText$m] ~RA `CSSStyleDeclaration$I `style$m;
};

[`Exposed$=Window]
interface `CSSNamespaceRule@I : `CSSRule$I {
  readonly attribute `CSSOMString$ `namespaceURI$m;
  readonly attribute `CSSOMString$ `prefix$m;
};

6.5. ~CSS宣言

`~CSS宣言@ とは、~DOMにおいては~objとして公開されない抽象的な概念である。 各 `~CSS宣言$には、次のものが結付けられる： ◎ A CSS declaration is an abstract concept that is not exposed as an object in the DOM. A CSS declaration has the following associated properties:

【 CSS2 の declaration — すなわち［ ~prop名: 値 ］の組に対応する。 】

`~prop名@◎ property name

宣言の~prop名 ◎ The property name of the declaration.

`値@◎ value

宣言の値を成す成分値たちからなる~listとして表現される ◎ The value of the declaration represented as a list of component values.

`~important~flag@◎ important flag

変更-可能な ~ON, ~OFF の 2 値をとり得る。 ◎ Either set or unset. Can be changed.

【 !important 宣言の有無に対応する 】

`大小区別~flag@◎ case-sensitive flag

`~prop名$が その仕様に則って文字大小区別とされているとき ~ON にされ, 他の場合は ~OFF にされる。 ◎ Set if the property name is defined to be case-sensitive according to its specification, otherwise unset.

【 ほぼ ~custom~prop用 のもの 】

6.6. ~CSS宣言~block

`~CSS宣言~block@ とは、値が結付けられている~CSS~prop（ `~CSS宣言$とも呼ばれる）からなる，有順序~collectionである。 ~DOMにおいては， `CSSStyleDeclaration$I ~objが`~CSS宣言~block$を表現する。 各 `~CSS宣言~block$には，次のものが結付けられる： ◎ A CSS declaration block is an ordered collection of CSS properties with their associated values, also named CSS declarations. In the DOM a CSS declaration block is a CSSStyleDeclaration object. A CSS declaration block has the following associated properties:

【 CSS2 の declaration block に対応する 】

`読専~flag@ ◎ readonly flag

~objの操作が［ 可能ならば ~OFF ／ 不可ならば ~ON ］にされる。 他が言明されない限り，~OFF 。 ◎ Unset if the object can be manipulated. Set if it can not be manipulated. Unless otherwise stated it is unset.

`宣言列@ ◎ declarations

~objに結付けられている一連の`~CSS宣言$。 ◎ The CSS declarations associated with the object.

`親~CSS規則@ ◎ parent CSS rule

`~CSS宣言~block$が結付けられている`~CSS規則$が在れば それ ／ 無ければ ~NULL ◎ The CSS rule that the CSS declaration block is associated with, if any, or null otherwise.

`所有者~node@ ◎ owner node

`~CSS宣言~block$が結付けられている `Element$I が在れば それ ／ 無ければ ~NULL ◎ The Element that the CSS declaration block is associated with, if any, or null otherwise.

`更新-中~flag@ ◎ updating flag

`~CSS宣言~block$が`所有者~node$の `style^a 属性を更新している間は ~ON にされる。 既定は ~OFF 。 ◎ Unset by default. Set when the CSS declaration block is updating the owner node’s style attribute.

`~CSS宣言~blockとして構文解析する@ ときは、所与の ( 文字列 %文字列 ) に対し，次を走らす： ◎ To parse a CSS declaration block from a string string, follow these steps:

1. %宣言~list ~LET %文字列 を 宣言~listとして構文解析- した結果 ◎ Let declarations be the return value of invoking parse a list of declarations with string.
2. %解析済み宣言~list ~LET 新たな空~list ◎ Let parsed declarations be a new empty list.

3. %宣言~list を成す ~EACH( %宣言 ) に対し： ◎ For each item declaration in declarations, follow these substeps:

   1. %解析済み宣言 ~LET 適切な~CSS仕様に則って %宣言 を構文解析し，`無視される$ものは落とした結果 ◎ Let parsed declaration be the result of parsing declaration according to the appropriate CSS specifications, dropping parts that are said to be ignored. If the whole declaration is dropped, let parsed declaration be null.
   2. ~IF［ 前~段により宣言~全体は落とされてはいない（ %解析済み宣言 は空でない） ］ ⇒ %解析済み宣言~list に %解析済み宣言 を付加する ◎ If parsed declaration is not null, append it to parsed declarations.
4. ~RET %解析済み宣言~list ◎ Return parsed declarations.

`~CSS宣言を直列化する@ ときは、所与の ( %~prop名, %値, %~important~flag ) に対し，次に従う： ◎ To serialize a CSS declaration with property name property, value value and optionally an important flag set, follow these steps:

1. %結果 ~LET 次の連結 ⇒＃ %~prop名, ❝:, ~SP, %値 ◎ Let s be the empty string. ◎ Append property to s. ◎ Append ": " (U+003A U+0020) to s. ◎ Append value to s.
2. ~IF［ %important ~EQ ~ON ］ ⇒ %結果 に次の連結を付加する ⇒＃ ~SP, `!important^l (U+0021 U+0069 U+006D U+0070 U+006F U+0072 U+0074 U+0061 U+006E U+0074) ◎ If the important flag is set, append " !important" (U+0020 U+0021 U+0069 U+006D U+0070 U+006F U+0072 U+0074 U+0061 U+006E U+0074) to s.
3. %結果 に ❝; を付加する ◎ Append ";" (U+003B) to s.
4. ~RET %結果 ◎ Return s.

`宣言列を直列化する@ ときは、所与の ( `~CSS宣言~block$の`宣言列$ %宣言~list ) に対し，次を走らす： ◎ To serialize a CSS declaration block declaration block means to run the steps below:

1. %~list ~LET 空~list ◎ Let list be an empty array.
2. %直列化-済み集合 ~LET 空~集合 ◎ Let already serialized be an empty array.

3. %宣言~list を成す ~EACH( `~CSS宣言$ %宣言 ) に対し： ◎ Declaration loop: For each CSS declaration declaration in declaration block’s declarations, follow these substeps:

   1. %~prop名 ~LET %宣言 の`~prop名$ ◎ Let property be declaration’s property name.
   2. ~IF［ %~prop名 ~IN %直列化-済み集合 ］ ⇒ ~CONTINUE ◎ If property is in already serialized, continue with the steps labeled declaration loop.

   3. ~IF［ %~prop名 に対応する`略式~prop$は 一つ以上ある ］： ◎ If property maps to one or more shorthand properties,＼

      【 “対応する（ map to ）” — どうも定義がはっきりしないが、 %~prop名 は必ずしも（末端の）`下位prop$のみを指すわけではないようにも思われる： 例えば`略式~prop$［ `border-style$p, `border-color$p, `border-width$p ］は，直列化の際に，より上位の`略式~prop$ `border$p にまとめられるようにするために， `border$p に “対応する” ものとも考えられる。 】

      1. %略式~prop~list ~LET それらの`略式~prop$の`選好順$による~list ◎ let shorthands be an array of those shorthand properties, in preferred order, and follow these substeps:

      2. %下位prop~list ~LET ［ %宣言~list 内の`~CSS宣言$のうち，次の両者を満たすもの ］すべてからなる~list：

         • 宣言の`~prop名$ ~NIN %直列化-済み集合
         • 宣言の`~prop名$ ~EQ ［ %略式~prop~list 内の ある`略式~prop$の ある下位propの名前 ］
         ◎ Let longhands be an array consisting of all CSS declarations in declaration block’s declarations that that are not in already serialized and have a property name that maps to one of the shorthand properties in shorthands.

      3. %略式~prop~list を成す ~EACH( %略式~prop ) に対し： ◎ Shorthand loop: For each shorthand in shorthands, follow these substeps:

         1. %下位prop名~集合 ~LET［ %略式~prop の すべての`下位prop$の`~prop名$ ］からなる集合 ◎ ↓
         2. %現~下位prop~list ~LET ［ %下位prop~list 内の`~CSS宣言$のうち，［ その`~prop名$ ~IN %下位prop名~集合 ］なるもの ］すべてからなる~list ◎ ↓
         3. ~IF［ %現~下位prop~list の~item数 ~LT %下位prop名~集合 の~item数 ］ ⇒ ~CONTINUE ◎ If all properties that map to shorthand are not present in longhands, continue with the steps labeled shorthand loop. ◎ Let current longhands be an empty array. ◎ Append all CSS declarations in longhands have a property name that maps to shorthand to current longhands.
         4. %important ~LET ［ %現~下位prop~list の最初の`~CSS宣言$ ］の`~important~flag$ ◎ ↓
         5. ~IF［ %現~下位prop~list 内に［ `~important~flag$ ~NEQ %important ］なる`~CSS宣言$はある ］ ⇒ ~CONTINUE ◎ If there is one or more CSS declarations in current longhands have their important flag set and one or more with it unset, continue with the steps labeled shorthand loop.
         6. %値 ~LET `下位prop~listを直列化する$( %現~下位prop~list ) ◎ Let value be the result of invoking serialize a CSS value of current longhands.
         7. ~IF［ %値 ~EQ 空~文字列 ］ ⇒ ~CONTINUE ◎ If value is the empty string, continue with the steps labeled shorthand loop.
         8. %~list に次を付加する ⇒ `~CSS宣言を直列化する$( %略式~prop, %値, %important ) ◎ Let serialized declaration be the result of invoking serialize a CSS declaration with property name shorthand, value value, and the important flag set if the CSS declarations in current longhands have their important flag set. ◎ Append serialized declaration to list.
         9. %直列化-済み集合 ~SET ［ %直列化-済み集合 と %下位prop名~集合 ］の和集合 ◎ Append the property names of all items of current longhands to already serialized.
         10. %下位prop~list から %現~下位prop~list に含まれる~itemすべてを除去する ◎ Remove the items present in current longhands from longhands.
   4. ~IF［ %~prop名 ~IN %直列化-済み集合 ］ ⇒ ~CONTINUE ◎ If property is in already serialized, continue with the steps labeled declaration loop.
   5. %値 ~LET `~CSS値を直列化する$( %宣言 ) ◎ Let value be the result of invoking serialize a CSS value of declaration.
   6. %~list に次を付加する ⇒ `~CSS宣言を直列化する$( %~prop名, %値, %宣言 の`~important~flag$ ) ◎ Let serialized declaration be the result of invoking serialize a CSS declaration with property name property, value value, and the important flag set if declaration has its important flag set. ◎ Append serialized declaration to list.
   7. %~prop名 を %直列化-済み集合 に~~追加する ◎ Append property to already serialized.
4. ~RET %~list を~SPで区切って連結した結果 ◎ Return list joined with " " (U+0020).

注記： 空の`~CSS宣言~block$を直列化した結果は、空~文字列になる。 ◎ Note: The serialization of an empty CSS declaration block is the empty string.

注記： 空でない`~CSS宣言~block$を直列化した結果の，先頭／末尾 には、空白は含まれない。 すなわち，最初の~prop名の前, および最後の~prop値の最後の~semicolon区切子の後には、空白は現れない。 ◎ Note: The serialization of a non-empty CSS declaration block does not include any surrounding whitespace, i.e., no whitespace appears before the first property name and no whitespace appears after the final semicolon delimiter that follows the last property value.

`~CSS宣言~block$~obj %O の`所有者~node$用の`属性を変更する手続き$は、所与の ( %局所~名, %旧-値, %値, %~ns ) に対し，次を走らす： ◎ A CSS declaration block has these attribute change steps for its owner node with localName, value, and namespace:

1. ~IF［ %O の`読専~flag$ ~EQ ~ON ］ ⇒ ~RET ◎ If the readonly flag is set, then return.
2. ~IF［ %O の`更新-中~flag$ ~EQ ~ON ］ ⇒ ~RET ◎ If the updating flag is set, then return.
3. ~IF［ %局所~名 ~NEQ `style^l ］~OR［ %~ns ~NEQ ~NULL ］ ⇒ ~RET ◎ If localName is not "style", or namespace is not null, then return.
4. ~IF［ %値 ~EQ ~NULL ］ ⇒ %O の`宣言列$を空にする ◎ If value is null, empty the declarations.
5. ~ELSE ⇒ %O の`宣言列$ ~SET `~CSS宣言~blockとして構文解析する$( %値 ) ◎ Otherwise, let the declarations be the result of parse a CSS declaration block from a string value.

`~CSS宣言~block$~obj %O の作成-時には、次を走らす： ◎ When a CSS declaration block object is created, then:

1. %所有者~node ~LET %O の`所有者~node$ ◎ Let owner node be the owner node.
2. ~IF［ %所有者~node ~EQ ~NULL ］~OR［ %O の`読専~flag$ ~EQ ~ON ］ ⇒ ~RET ◎ If owner node is null, or the readonly flag is set, then return.
3. %値 ~LET %所有者~node の`属性を~nsと局所~名により取得する$( ~NULL, `style^l ) ◎ Let value be the result of getting an attribute given null, "style", and owner node.
4. ~IF［ %値 ~NEQ ~NULL ］ ⇒ %O の`宣言列$ ~SET `~CSS宣言~blockとして構文解析する$( %値 ) ◎ If value is not null, let the declarations be the result of parse a CSS declaration block from a string value.

`~CSS宣言~block$~obj %O 用の `~style属性を更新する@ ときは、次を走らす： ◎ To update style attribute for declaration block means to run the steps below:

1. ~Assert： %O の`読専~flag$ ~EQ ~OFF ◎ Assert: declaration block’s readonly flag is unset.
2. %所有者~node ~LET %O の`所有者~node$ ◎ Let owner node be declaration block’s owner node.
3. ~IF［ %所有者~node ~EQ ~NULL ］ ⇒ ~RET ◎ If owner node is null, then return.
4. %O の`更新-中~flag$ ~SET ~ON ◎ Set declaration block’s updating flag.
5. %所有者~node の`属性~値を設定する$( `style^l, `宣言列を直列化する$( %O ) ) ◎ Set an attribute value for owner node using "style" and the result of serializing declaration block.
6. %O の`更新-中~flag$ ~SET ~OFF ◎ Unset declaration block’s updating flag.

`略式~prop$~list %略式~prop~list の `選好順@ は、次で与えられる： ◎ The preferred order of a list of shorthand properties shorthands is as follows:

1. %略式~prop~list を辞書式~順序に~~整列する ◎ Order shorthands lexicographically.
2. %略式~prop~list 内の ❝- から始まる~itemすべてを、それらの相対的~順序は保ったまま，~listの末尾に回す ◎ Move all items in shorthands that begin with "-" (U+002D) last in the list, retaining their relative order.
3. %略式~prop~list 内の［ ❝- から始まる ］~AND［ `-webkit-^l からは始まらない ］ような~itemすべてを、それらの相対的~順序は保ったまま，~listの末尾に回す ◎ Move all items in shorthands that begin with "-" (U+002D) but do not begin with "-webkit-" last in the list, retaining their relative order.

4. %略式~prop~list を 【先行の段で末尾に回されたものは，その順位を保ちつつ？】 対応する`下位prop$の個数が多い順に並べる ◎ Order shorthands by the number of longhand properties that map to it, with the greatest number first.

   【 例えば `border-style$p よりも `border$p の方が 末端の `下位prop$の個数が多くなるので，先に来るものと考えられる。 】

[`Exposed$=Window]
interface `CSSStyleDeclaration@I {
  [`CEReactions$] attribute `CSSOMString$ `cssText$m;
  ~RA ~UL `length$m;
  getter `CSSOMString$ `item$m(~UL %index);
  `CSSOMString$ `getPropertyValue$m(`CSSOMString$ %property);
  `CSSOMString$ `getPropertyPriority$m(`CSSOMString$ %property);
  [`CEReactions$] void `setProperty$m(
      `CSSOMString$ %property,
      [`TreatNullAs$=EmptyString] `CSSOMString$ %value,
      [`TreatNullAs$=EmptyString] optional `CSSOMString$ %priority = ""
  );
  [`CEReactions$] `CSSOMString$ `removeProperty$m(`CSSOMString$ %property);
  ~RA `CSSRule$I? `parentRule$m;
  [`CEReactions$] attribute [`TreatNullAs$=EmptyString] `CSSOMString$ `cssFloat$m;
};

partial interface `CSSStyleDeclaration$I {
  [`CEReactions$] attribute [`TreatNullAs$=EmptyString] `CSSOMString$ _`~camel_cased_attr$m;
};

partial interface `CSSStyleDeclaration$I {
  [`CEReactions$] attribute [`TreatNullAs$=EmptyString] `CSSOMString$ _`~webkit_cased_attr$m;
};

partial interface `CSSStyleDeclaration$I {
  [`CEReactions$] attribute [`TreatNullAs$=EmptyString] `CSSOMString$ _`~dashed_attr$m;
};

6.7. ~CSS値

7.1. `ElementCSSInlineStyle^I ~ifc

`ElementCSSInlineStyle$I ~ifcは、要素の~inline ~style~propへの~accessを供する。 ◎ The ElementCSSInlineStyle interface provides access to inline style properties of an element.

interface mixin `ElementCSSInlineStyle@I {
  [`SameObject$, `PutForwards$=cssText] ~RA `CSSStyleDeclaration$I `style$m;
};

`style@m

取得子は、次のようにされた`~CSS宣言~block$~objを返さ~MUST ⇒＃ `読専~flag$ ~SET ~OFF, `親~CSS規則$ ~SET ~NULL, `所有者~node$ ~SET 此れ ◎ The style attribute must return a CSS declaration block object whose readonly flag is unset, whose parent CSS rule is null, and whose owner node is the context object.

~UAが HTML を~supportする場合は，次の~IDLが適用される： `HTML$r ◎ If the user agent supports HTML, the following IDL applies: [HTML]

`HTMLElement$I includes `ElementCSSInlineStyle$I;

~UAが~SVGを~supportする場合は，次の~IDLが適用される： `SVG11$r ◎ If the user agent supports SVG, the following IDL applies: [SVG]

`SVGElement$I includes `ElementCSSInlineStyle$I;

7.2. `Window^I ~ifcに対する拡張

partial interface `Window$I {
  [`NewObject$] `CSSStyleDeclaration$I `getComputedStyle$m(`Element$I %elt, optional `CSSOMString$? %pseudoElt);
};

`getComputedStyle(elt, pseudoElt)@m

被呼出時には、次を走らせ~MUST： ◎ The getComputedStyle(elt, pseudoElt) method must run these steps:

1. %文書 ~LET 此れの`~node文書$ ◎ Let doc be elt’s node document.
2. %~obj ~LET %elt ◎ Let obj be elt.
3. ~IF［ %pseudoElt は供されていない ］ ⇒ %pseudoElt ~SET 空~文字列 ◎ ↓

4. ~IF［ %pseudoElt ~NEQ 空~文字列 ］： ◎ If pseudoElt is provided, and it’s not the empty string, then:

   1. ［ %pseudoElt は［ ~UAが~supportする，ある［ `slotted()$pe 以外の疑似要素 ］の名前 ］に`~ASCII大小無視$で合致する ］ ⇒ %~obj ~SET %elt の その疑似要素 ◎ If it is an ASCII case-insensitive match for a pseudo-element that the UA supports, other than ::slotted(), let obj be the given pseudo-element of elt.
   2. ~ELSE ⇒ ~THROW `TypeError$E ◎ Otherwise throw a TypeError exception.

   注記： CSS2 の疑似要素は、~colon 1 個だけのものにも合致するべきである。 例えば `::before^l のみならず `:before^l にも。 ◎ Note: CSS2 pseudo-elements should match both the double and single-colon versions. That is, both :before and ::before should match above.

5. %宣言列 ~LET 空~list ◎ Let decls be an empty list of CSS declarations.

6. ~IF［ 次がすべて満たされる ］…

   • %elt は`接続されて$いる
   • %elt は`平坦~木$の一部を成す
   • %elt の`~shadowも含む根$は`閲覧文脈$ %B を持つ 【根の`~node文書$が`属する閲覧文脈$ ~NEQ ε 】
   • %B を入子にしている`閲覧文脈~容器$は、無い, または`具現化されて$いる

   …ならば ⇒ すべての［ `~supportされる~CSS~prop$である`下位prop$ ］を成す ~EACH( %~prop名 ) に対し，辞書式~順序で ⇒ %宣言列 に次のようにされた`~CSS宣言$を付加する ⇒＃ `~prop名$ ~SET %~prop名, `値$ ~SET %文書 に結付けられている~style規則を用いて %要素 上の %~prop名 ~propに対し算出される`解決値$

   ◎ If elt is connected, part of the flat tree, and its shadow-including root has a browsing context which either doesn’t have a browsing context container, or whose browsing context container is being rendered, set decls to a list of all longhand properties that are supported CSS properties, in lexicographical order, with the value being the resolved value computed for obj using the style rules associated with doc.

   略式を取扱う~UAもあり、すべての~UAは `overflow$p の様な下位propであった略式を取扱う。 #2529 を見よ。 ◎ There are UAs that handle shorthands, and all UAs handle shorthands that used to be longhands like overflow, see #2529.

7. ~RET 次のようにされた，~live`~CSS宣言~block$ ⇒＃ `読専~flag$ ~SET ~ON, `宣言列$ ~SET %宣言列, `親~CSS規則$ ~SET ~NULL, `所有者~node$ ~SET %~obj 【これは、疑似要素にもなり得ることになる。】 ◎ Return a live CSS declaration block with the following properties: • readonly flag •• Set. • declarations •• decls. • parent CSS rule •• Null. • owner node •• obj.

`getComputedStyle()$m ~methは、`origin-clean ~flag$ss ~EQ ~OFF の下でも，`~CSS~ss$からの情報を公開する。 ◎ The getComputedStyle() method exposes information from CSS style sheets with the origin-clean flag unset.

`getComputedStyle()^m は、有用な直列化を供するべきか？ #1033 を見よ。 ◎ Should getComputedStyle() provide a useful serialization? See #1033

8.1. `CSS.escape()^m ~meth

`CSS$I ~nsは、他に属さない有用な~CSSに関係する機能を保持する。 ◎ The CSS namespace holds useful CSS-related functions that do not belong elsewhere.

[`Exposed$=Window]
interface `CSS@I {
  static `CSSOMString$ `escape$m(`CSSOMString$ %ident);
};

これは、以前は，静的~methのみを保持する~IDL~ifcとして指定されていた。 ~IDL~nsに切り替えても，ほとんど同じになるので、互換性の懸念はないものと期待されている。 何か発見されたときは、この変更の復帰を考慮できるよう報告されたし。 ◎ This was previously specified as an IDL interface that only held static methods. Switching to an IDL namespace is *nearly* identical, so it’s expected that there won’t be any compat concerns. If any are discovered, please report so we can consider reverting this change.

`escape(ident)@m

この静的~methの被呼出時には、次の結果を返さ~MUST ⇒ `識別子を直列化する$( %ident ) ◎ The escape(ident) method must return the result of invoking serialize an identifier of ident.

`escape()$m ~methを利用して直列化すれば、未知の文字列でも，選択子の一部として利用できるようになる： ◎ For example, to serialize a string for use as part of a selector, the escape() method can be used:

var %element = document.querySelector(
  '#' + CSS.escape(%id) + ' > img'
);

厳密には、~escape不要な文字まで~escapeするが： ◎ The escape() method can also be used for escaping strings, although it escapes characters that don’t strictly need to be escaped:

var %element = document.querySelector(
  'a[href="#' + CSS.escape(%fragment) + '"]'
);

`CSS$I ~ns上に演算を定義する仕様は、格納したい状態があるならば，`現在の大域~obj$に`結付けられている文書$に格納するべきである。 ◎ Specifications that define operations on the CSS namespace and want to store some state should store the state on the current global object’s associated Document.

10.1. `Default-Style^h ~header~field

11.1. 2013 年 12 月 5 日以降の変更点

• 代替~ss用の~API — `Document$I 上の次の~memberは除去された ⇒ `selectedStyleSheetSet^m, `lastStyleSheetSet^m, `preferredStyleSheetSet^m, `styleSheetSets^m, `enableStyleSheetsForSet()^m ◎ API for alternative stylesheets is removed: selectedStyleSheetSet, lastStyleSheetSet, preferredStyleSheetSet, styleSheetSets, enableStyleSheetsForSet() on Document.
• `Element$I ／ `PseudoElement^I ~ifc上の `pseudo()^m ~methは除去された。 ◎ The pseudo() method on Element and the PseudoElement interface is removed.
• `Element$I 上の次の属性は除去された ⇒ `cascadedStyle^m, `defaultStyle^m, `rawComputedStyle^m, `usedStyle^m ◎ The cascadedStyle, defaultStyle, rawComputedStyle and usedStyle IDL attributes on Element are removed.
• `CSSRule$I 上の `~cssText0$m 属性~設定子は、何もしないように変更された。 ◎ The cssText IDL attribute’s setter on CSSRule is changed to do nothing.
• `CSSStyleDeclaration$I 上に `~webkit_cased_attr$m — `webkitFoo^m の形の属性（小文字の `w^c ） — が追加された。 ◎ IDL attributes of the form webkitFoo (with lowercase w) on CSSStyleDeclaration are added.
• `CSSNamespaceRule$I は、読専に変更された。 ◎ CSSNamespaceRule is changed back to readonly.
• `CSSStyleSheet!I の `insertRule()$m における `charset^at の取り扱いは、除去された。 ◎ Handling of @charset in insertRule() is removed.
• `CSSCharsetRule^I は再び除去された。 ◎ CSSCharsetRule is removed again.
• 識別子／文字列の直列化が変更された。 ◎ Serialization of identifiers and strings is changed.
• 選択子の直列化は、今や［ 結合子 `>>^l, `||^l ］, および［ 属性~選択子における `i^l ~flag ］も~supportする。 ◎ Serialization of selectors now supports combinators ">>" and "||" and the "i" flag in attribute selectors.
• `lang()$ps の直列化が変更された。 ◎ Serialization of :lang() is changed.
• `color$t, `number$t の直列化が変更された。 ◎ Serialization of <color> and <number> is changed.
• `CSSStyleDeclaration!I 上の `setProperty()$m は変更された。 ◎ setProperty() on CSSStyleDeclaration is changed.
• `setPropertyValue()^m, `setPropertyPriority()^m は、実装からの関心の欠如に因り， `CSSStyleDeclaration$I から除去された。 ◎ setPropertyValue and setPropertyPriority are removed from CSSStyleDeclaration due to lack of interest from implementations.

11.2. 2011 年 7 月 12 日から 2013 年 12 月 5 日までの変更点

• 非同一生成元~ssの読み取りや変更は許容されない。 ◎ Cross-origin stylesheets are not allowed to be read or changed.
• `CSSCharsetRule^I ~ifc が再び導入された。 ◎ CSSCharsetRule is re-introduced.
• `CSSGroupingRule$I, `CSSMarginRule$I が導入された。 ◎ CSSGroupingRule and CSSMarginRule are introduced.
• `CSSNamespaceRule$I は今や変異-可能である。 ◎ CSSNamespaceRule is now mutable.
• `~CSS宣言~blockとして構文解析する$, および ~CSS宣言~blockに対する `宣言列を直列化する$ が定義された。 ◎ Parse and serialize a CSS declaration block is now defined.
• `setProperty()$m, `getPropertyValue()$m, 等々において略式~propが~supportされた。 ◎ Shorthands are now supported in setProperty(), getPropertyValue(), et al.
• `CSSStyleDeclaration^I に `setPropertyValue()^m, `setPropertyPriority()^m が追加された。 ◎ setPropertyValue and setPropertyPriority are added to CSSStyleDeclaration.
• 種々の~ifcにおける `style^m, `media^m 属性は、 WebIDL 拡張属性 [`PutForwards$] 注釈付きにされた。 ◎ The style and media attributes of various interfaces are annotated with the [PutForwards] WebIDL extended attribute.
• `Element!I 上に `pseudo()^m ~methが導入された。† ◎ The pseudo() method on Element is introduced.
• `PseudoElement^I ~ifc が導入された。† ◎ The PseudoElement interface is introduced.
• `Element$I, `PseudoElement^I 上に `cascadedStyle^m, `rawComputedStyle^m, `usedStyle^m 属性が導入された。 【が、再び削除された。】 ◎ The cascadedStyle, rawComputedStyle and usedStyle attributes on Element and PseudoElement are introduced.
• 静的~meth `CSS.escape()$m が導入された。 ◎ The CSS.escape() static method is introduced.