CSS オブジェクトモデル（ CSSOM ） — CSS Object Model

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

`文字を符号位置として~escapeする@ ~algoは、 所与の ( 文字 %c ) に対し ⇒ ~RET 次を順に`連結する$ ⇒＃ ❝\, 基数 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).

`識別子を直列化する@ ~algoは、 所与の ( 文字列 %入力 ) に対し： ◎ 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^cn

   `FFFD^U0 `REPLACEMENT CHARACTER^cn ◎ 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 %結果 ◎ ↑

`関数を直列化する@ ~algoは、 所与の ( %関数 ) に対し：

1. %名前 ~LET `~ASCII小文字~化する$( `識別子を直列化する$( %関数 の名前 ) )
2. %内容 ~LET %関数 の内容を %関数 の定義により指定されたとおり — あるいは【指定されてないならば】， （`~CSS値を直列化する$~algoにより捕捉される原則と同様に） 最短な形に — 直列化した結果
3. ~RET 次を順に`連結する$ ⇒＃ %名前, ❝(, %内容, ❝)

`文字列を直列化する@ ~algoは、 所与の ( 文字列 %入力 ) に対し： ◎ To serialize a string means＼

【 これは、 `string$t 値を作成する。 】

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

2. %入力 を成す ~EACH( 文字 %c ) に対し，先頭から順に ⇒ %結果 に［ %c に応じて，次に与える文字列 ］を付加する ⇒＃ `0000^U0 NULL ならば `FFFD^U0 `REPLACEMENT CHARACTER^cn ／ { `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に直列化する@ ~algoは、 所与の ( 文字列 %~URL ) に対し ⇒ ~RET 次を順に`連結する$ ⇒＃ `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に直列化する@ ~algoは、 所与の ( 文字列 %local ) に対し ⇒ ~RET 次を順に`連結する$ ⇒＃ `local(^l, `文字列を直列化する$( %local ), ❝) ◎ To serialize a LOCAL means to create a string represented by "local(", followed by the serialization of the LOCAL as a string, followed by ")".

`~commaで分離して直列化する@ ~algoは、 所与の ( 文字列たちが成す~list %~list ) に対し ⇒ ~RET %~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).

`空白で分離して直列化する@ ~algoは、 所与の ( 文字列たちが成す~list %~list ) に対し ⇒ ~RET %~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).

【 この用語は利用されていない。 】

`媒体~query~listとして構文解析する@ ~algoは `MEDIAQUERIES$r にて定義される 【`参照＠~MQ5#mq-syntax$】 。 それは、 所与の ( `媒体~query~list$用の文字列 ) に対し，`媒体~query$たちが成す~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.

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

`媒体~queryとして構文解析する@ ~algoは、 所与の ( 文字列 %文字列 ) に対し，［ ~NULL ／ `媒体~query$ ］を返す： ◎ To parse a media query for a given string s means to follow＼

1. %~query~list ~LET `媒体~query~listとして構文解析する$( %文字列 ) ◎ the parse a media query list steps and＼
2. ~IF［ %~query~list の`~size$ ~NEQ 1 ］ ⇒ ~RET ~NULL ◎ return null if more than one media query is returned or＼
3. ~RET %~query~list[ 0 ] ◎ a media query if a single media query is returned.

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

`媒体~query~listを直列化する@ ~algoは、 所与の ( `媒体~query~list$ %~list ) に対し：

1. %結果~list ~LET « »
2. %~list を成す ~EACH( %~item ) に対し ⇒ %結果~list に次の結果を`付加する$ ⇒ `媒体~queryを直列化する$( %~item )
3. ~RET `~commaで分離して直列化する$( %結果~list )

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

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

`~MediaList~objを作成する@ ~algoは、 所与の ( 文字列 %~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.

`appendMedium(medium)@m ~method手続きは： ◎ The appendMedium(medium) method must run these steps:

1. %m ~LET `媒体~queryとして構文解析する$( %medium ) ◎ Let m be the result of parsing the given value.
2. ~IF［ %m ~EQ ~NULL ］ ⇒ ~RET ◎ If m is null, then return.
3. コレの`媒体~query~collection$を成す ~EACH( %n ) に対し ⇒ ~IF［ `媒体~queryを比較する$( %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. コレの`媒体~query~collection$に %m を付加する ◎ Append m to the collection of media queries.

`deleteMedium(medium)@m ~method手続きは： ◎ The deleteMedium(medium) method must run these steps:

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

`選択子~listとして構文解析する@ ~algoは、 所与の ( 文字列 %値 ) に対し：

1. %結果 ~LET %値 を `selector-list$t の`文法に則って構文解析-$した結果
2. ~RET［ %結果 ~NEQ `失敗^i ならば %結果 ／ ~ELSE_ ~NULL ］

`選択子~listを直列化する@ ~algoは、 所与の ( `選択子~list$ %~list ) に対し：

1. %結果~list ~LET « »
2. %~list を成す ~EACH( %~item ) に対し ⇒ %結果~list に次の結果を`付加する$ ⇒ `選択子を直列化する$( %~item )
3. ~RET `~commaで分離して直列化する$( %結果~list )

`選択子を直列化する@ ~algoは、 所与の ( `複階-選択子$ %複階-選択子 ) に対し，文字列を返す： ◎ 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 %結果 ◎ ↑

`単純-選択子を直列化する@ ~algoは、 所与の ( `単純-選択子$ %選択子 ) に対し， %選択子 の種別に応じて： ◎ 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［ %接頭辞 に対応する~ns ~EQ `既定の~ns$ ］ ⇒ ~RET %名前
4. %接頭辞 ~SET %接頭辞 に対応する~nsに応じて ⇒＃ `~null~ns$ならば空~文字列／ ~ELSE_ `識別子を直列化する$( %接頭辞 )
5. ~RET 次を順に`連結する$ ⇒＃ %接頭辞, ❝|, %名前

◎ 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. ◎ If the namespace prefix maps to a namespace that is the null namespace (not in a namespace) append "|" (U+007C) to s. ◎ 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.

`属性~選択子$

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.

   【† 属性~値の`文字大小は区別されない＠~SELECTORS4#attribute-case$ならば真 — “`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. ◎ Otherwise, append ":" (U+003A), followed by the name of the pseudo-class,＼

3. %内容 ~LET %選択子 に応じて： ◎ ↓ 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

   次を遂行した結果：

   1. %引数~list ~LET « »
   2. 引数たちを成す ~EACH( %引数 ) に対し ⇒ %引数~list に次の結果を`付加する$ ⇒ `文字列を直列化する$( %引数 )
   3. ~RET `~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

   `CSS3SYN$r § `an+b^t の直列化-法 を利用して，引数を直列化した結果 ◎ The result of serializing the value using the rules to serialize an <an+b> value.

   【 これらの疑似類の引数には "`of …^css" 以下を成す部分もあるが、 ここには述べられていない。 】

   `not()$ps

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

4. ~RET 次を順に`連結する$ ⇒＃ %名前, ❝(, %内容, ❝) ◎ ↑

`new CSSStyleSheet(options)@m 構築子~手続きは【！構築-済みな~CSSStyleSheetを作成する】：

1. %文書 ~LET `現在の大域~obj$†に`結付けられた文書$ 【† [Exposed=Window] なので、これは `Window$I ~objになる。】
2. %媒体~query ~LET %options[ `CSSStyleSheetInit^I1"`media$m1" ]
3. ~IF［ %媒体~query は `MediaList$I である（文字列でない） ］ ⇒ %媒体~query ~SET `媒体~query~listを直列化する$( %媒体~query の`媒体~query~collection$ )
4. コレの ⇒＃ `所在$ss ~SET %文書 の`文書~基底~URL$【！`基底~URL$lO】, `基底~URL$ss ~SET %options[ `CSSStyleSheetInit^I1"`baseURL$m1" ], `親~CSS~ss$ss【！`親~ss$】 ~SET ~NULL, `所有者~node$ss ~SET ~NULL, `所有者~CSS規則$ss ~SET ~NULL, `~title$ss ~SET 空~文字列, `代替-か$ss ~SET ~F, `生成元cleanか$ss ~SET ~T, `構築子を経たか$ss ~SET ~T, `構築元~文書$ss ~SET %文書, `不能化されるか$ss ~SET %options[ `CSSStyleSheetInit^I1"`disabled$m1" ], `媒体$ss ~SET `~MediaList~objを作成する$( %媒体~query )

`~CSS~ssを作成する@ ~algoは： ◎ To create a CSS style sheet, run these steps:

1. %~ss ~LET 新たな`~CSS~ss$ ~obj ◎ Create a new CSS style sheet object＼
2. %~ss の各種~propを指定された値に設定する ◎ and set its properties as specified.
3. `~CSS~ss~list$に`~CSS~ssを追加する$( %~ss ) ◎ Then run the add a CSS style sheet steps for the newly created CSS style sheet.
4. ~RET %~ss

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

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

1. %~ss を，`~CSS~ss~list$内の適切な所在に追加する ◎ Add the CSS style sheet to the list of document or shadow root CSS style sheets at the appropriate location.
2. %所有者 ~LET %~ss の`所有者~node$ss ◎ ↓

3. ~IF［ %所有者 ~NEQ ~NULL 【この条件はこの訳による補完】 ］~AND［ %所有者 は`~scriptを阻んでいる~ssを供与して$いる ］ ⇒ %所有者 の`~node文書$の`~scriptを阻んでいる~ss集合$に %所有者 を`付加する$set【！#list-append】 ◎ If the CSS style sheet’s owner node contributes a script-blocking style sheet, then user agents must append the owner node to its node document’s script-blocking style sheet set.

   注記： 以降は、 `不能化されるか$ssについて処する。 ◎ The remainder of these steps deal with the disabled flag.

4. ~IF［ %~ss の`不能化されるか$ss ~EQ ~T ］ ⇒ ~RET ◎ If the disabled flag is set, then return.
5. %~title ← %~ss の`~title$ss ◎ ↓
6. ~IF［ %~title ~NEQ 空~文字列 ］~AND［ %~ss の`代替-か$ss ~EQ ~F ］~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.
7. %集合~名 ~LET `最後の~CSS~ss集合~名$ ◎ ↓
8. ~IF［ %集合~名 ~EQ ~NULL ］ ⇒ %集合~名 ~SET `選好される~CSS~ss集合~名$ ◎ ↓
9. %~ss の`不能化されるか$ss ~SET ~IS［ %~title ~NIN { 空~文字列, %集合~名 } ］ ◎ 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を除去する@ ~algoは、 所与の ( `~CSS~ss$ %~ss ) に対し： ◎ To remove a CSS style sheet, run these steps:

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

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

1. `~CSS~ss~list$を成す ~EACH( `~CSS~ss$ %~ss ) に対し ⇒ ~IF［ %~ss の`~title$ss ~NEQ 空~文字列 ］ ⇒ %~ss の`不能化されるか$ss ~SET ~IS［ %~ss の`~title$ss ~NEQ %名前 ］ ◎ 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集合を選択する@ ~algoは、 所与の ( 文字列 %名前 ) に対し： ◎ 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集合~名を変更する@ ~algoは、 所与の ( 名前 %名前 ) に対し： ◎ 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.

`~CSS規則として構文解析する@ ~algoは、 所与の ( 文字列 %文字列 ) に対し： ◎ 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^i ］ ⇒ ~RET %規則 ◎ If rule is a syntax error, return rule.
3. %構文解析した規則 ~LET 適切な~CSS仕様に則って %規則 を構文解析した上で，`無視される$ものは落とした結果 ⇒ ~IF［ %規則 全体が落とされた ］ ⇒ ~RET `構文~error^i ◎ 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 rule is dropped, return a syntax error.
4. ~RET %構文解析した規則 ◎ Return parsed rule.

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

`CSSStyleRule$I

1. %結果 ~LET 空~文字列 ◎ Return the result of the following steps:
2. %結果 に次を順に付加する ⇒＃ `選択子~listを直列化する$( %規則 が表現している`~CSS~style規則$の`選択子~list$ ), ~SP, ❝{ ◎ Let s initially be the result of performing serialize a group of selectors on the rule’s associated selectors, followed by the string " {", i.e., a single SPACE (U+0020), followed by LEFT CURLY BRACKET (U+007B).
3. %宣言~群 ~LET %規則 が表現している`~CSS~style規則$の`~CSS宣言~block$の`宣言~群$dB 【 `style$m1 】 ◎ ↓Let decls be the result of performing serialize a CSS declaration block on the rule’s associated declarations, or null if there are no such declarations.
4. %子~規則~list ~LET %規則 の`子~規則~list$ 【！`cssRules＠~CSSNESTING#dom-cssstylerule-cssrules$m ~list】 ◎ ↓Let rules be the result of performing serialize a CSS rule on each rule in the rule’s cssRules list, or null if there are no such rules.

5. ~IF［ %子~規則~list は空である ］：

   1. %結果 に ~SP 付加する
   2. ~IF［ %宣言~群 は空でない ］ ⇒ %結果 に次を順に付加する ⇒＃ `宣言~群を直列化する$( %宣言~群 ), ~SP
   ◎ If decls and rules are both null, append " }" to s (i.e. a single SPACE (U+0020)＼ ↓followed by RIGHT CURLY BRACKET (U+007D)) and return s. ◎ If rules is null: • Append a single SPACE (U+0020) to s • Append decls to s • Append " }" to s (i.e. a single SPACE (U+0020)＼ ↓followed by RIGHT CURLY BRACKET (U+007D)). • ↓Return s.

6. ~ELSE： ◎ Otherwise:

   1. ~IF［ %宣言~群 は空でない ］ ⇒ %結果 に次を順に付加する ⇒＃ 改行文字, ~SP, ~SP, `宣言~群を直列化する$( %宣言~群 ) ◎ ↑ ◎ If decls is not null, prepend it to rules.

   2. %子~規則~list を成す ~EACH( %子~規則 ) に対し： ◎ For each rule in rules:

      1. %直列化 ~LET `~CSS規則を直列化する$( %子~規則 ) ◎ ↑
      2. ~IF［ %直列化 ~EQ 空~文字列 ］ ⇒ ~CONTINUE ◎ If rule is the empty string, do nothing.
      3. %結果 に次を順に付加する ⇒＃ 改行文字, ~SP, ~SP, %直列化 ◎ Otherwise: • Append a newline followed by two spaces to s. • Append rule to s.
   3. %結果 に改行文字を付加する ◎ Append a newline＼ ↓followed by RIGHT CURLY BRACKET (U+007D) to s. ◎ ↓Return s.
7. %結果 に ❝} を付加する ◎ ↑
8. ~RET %結果 ◎ ↑

`CSSImportRule$I

1. %結果 ~LET 空~文字列 ◎ The result of concatenating the following:
2. %結果 に次を順に付加する ⇒＃ `@import^l, ~SP, `~CSS~URLに直列化する$( %規則 の所在【 `href$m1 】 ) ◎ The string "@import" followed by a single SPACE (U+0020). ◎ The result of performing serialize a URL on the rule’s location.
3. ~IF［ %規則 に結付けられた媒体~list %媒体~list 【 `media$m1 ／ `媒体~query~collection$ 】 は空でない ］ ⇒ %結果 に次を順に付加する ⇒＃ ~SP, `媒体~query~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.
4. %結果 に ❝; を付加する ◎ The string ";", i.e., SEMICOLON (U+003B).
5. ~RET %結果 ◎ ↑

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

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

`CSSMediaRule$I

1. %結果 ~LET 空~文字列 ◎ The result of concatenating the following:
2. %結果 に次を順に付加する ⇒＃ `@media^l, ~SP, `媒体~query~listを直列化する$( %規則 の媒体~query~list 【`媒体~query~collection$】 ), ~SP, ❝{ ◎ 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),＼

3. %規則 の`子~規則~list$【！cssRules:#dom-cssgroupingrule-cssrules】を成す ~EACH( %子~規則 ) に対し：

   1. %直列化 ~LET `~CSS規則を直列化する$( %子~規則 )
   2. ~IF［ %直列化 ~EQ 空~文字列 ］ ⇒ ~CONTINUE
   3. %結果 に次を順に付加する ⇒＃ 改行文字, ~SP, ~SP, %直列化
   ◎ followed by a newline. ◎ The result of performing serialize a CSS rule on each rule in the rule’s cssRules list, filtering out empty strings, indenting each item with two spaces, all joined with newline.
4. %結果 に次を順に付加する ⇒＃ 改行文字, ❝} ◎ A newline, followed by the string "}", i.e., RIGHT CURLY BRACKET (U+007D)
5. ~RET %結果 ◎ ↑

`CSSFontFaceRule$I

1. %結果 ~LET 空~文字列 ◎ The result of concatenating the following:
2. %結果 に次を順に付加する ⇒＃ `@font-face {^l, ~SP, `font-family:^l, ~SP, `文字列を直列化する$( %規則 の `font-family$td ), ❝; ◎ 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).

3. ~IF［ %規則 内に `src$d 記述子は在る 【！ associated source list is not empty】 ］：

   1. %~source~list ~LET « »

   2. %規則 の `src$td を成す ~EACH( %~source ) に対し：

      1. ~IF［ %~source は `url$t %url を伴う ］ ⇒ %~source 内の %url を次の結果に置換する ⇒ `~CSS~URLに直列化する$( %url )

         【 原文は、 %~source を成す他の成分（ `format()^v, `tech()^v ）に関しては何も述べていない。 】

      2. ~ELSE（ %~source は `local()^v である） ⇒ %~source ~SET `~LOCALに直列化する$( %~source )
      3. %~source~list に %~source を付加する
   3. %結果 に次を順に付加する ⇒＃ ~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).
4. ~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).
5. ~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).
6. ~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).

7. ~IF［ %規則 内に `font-stretch$d 記述子†は在る ］ ⇒ %結果 に次を順に付加する ⇒＃ ~SP, `font-stretch:^l, ~SP, %規則 の `font-stretch$td を直列化した結果, ❝;

   【† `font-stretch^d は `font-width$d の旧来の別名なので、 `font-width^d に対しても類似に挙動するであろう。 】

   ◎ 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).
8. ~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).
9. ~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).
10. %結果 に次を順に付加する ⇒＃ ~SP, ❝} ◎ A single SPACE (U+0020), followed by the string "}", i.e., RIGHT CURLY BRACKET (U+007D).
11. ~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 空~文字列 ◎ ↓
2. %結果 に次を順に付加する ⇒＃ `@namespace^l, ~SP ◎ The literal string "@namespace", followed by a single SPACE (U+0020),＼
3. ~IF［ %規則 に`~ns接頭辞$は在る【！`prefix$m1 attribute ~NEQ 空~文字列】 ］ ⇒ %結果 に次を順に付加する ⇒＃ `識別子を直列化する$( %規則 の`~ns接頭辞$ ), ~SP, `~CSS~URLに直列化する$( %規則 の`~ns名$【！`namespaceURI$m1 attribute】 ), ❝; ◎ 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).
4. ~RET %結果 ◎ ↑

`CSSKeyframesRule$I

1. %結果 ~LET 空~文字列 ◎ The result of concatenating the following:
2. %結果 に次を順に付加する ⇒＃ `@keyframes^l, ~SP ◎ The literal string "@keyframes", followed by a single SPACE (U+0020).

3. %結果 に次に与える［ `name$mA 属性の直列化 ］を付加する ⇒ 属性は［ `~CSS全域~keyword$／ `default^v ／ `none^v ］いずれかである†ならば `文字列を直列化する$( 属性の値 ) ／ ~ELSE_ `識別子を直列化する$( 属性の値 )

   【† `name$mA 属性 `CSS-ANIMATIONS-1$r の取得子が まだ具体的な手続きとして定義されていないので、 この条件も曖昧になっている。 】

   ◎ The serialization of the name attribute. If the attribute is a CSS wide keyword, or the value default, or the value none, then it is serialized as a string. Otherwise, it is serialized as an identifier.
4. %結果 に次を順に付加する ⇒＃ ~SP, ❝{ ~SP ◎ The string " { ", i.e., a single SPACE (U+0020), followed by LEFT CURLY BRACKET (U+007B), followed by a single SPACE (U+0020).
5. %規則 の`子~規則~list$【！~CSSANIM#dom-csskeyframesrule-name】を成す ~EACH( %子~規則 ) に対し ⇒ %結果 に次を順に付加する ⇒＃ 改行文字, ~SP, ~SP, `~CSS規則を直列化する$( %子~規則 ) ◎ The result of performing serialize a CSS rule on each rule in the rule’s cssRules list, separated by a newline and indented by two spaces.
6. %結果 に次を順に付加する ⇒＃ 改行文字, ❝} ◎ A newline, followed by the string "}", i.e., RIGHT CURLY BRACKET (U+007D)

`CSSKeyframeRule$I

1. %結果 ~LET 空~文字列 ◎ The result of concatenating the following:
2. %結果 に次を順に付加する ⇒＃ `keyText$mA 属性の値, ~SP, ❝{, ~SP ◎ The keyText. ◎ The string " { ", i.e., a single SPACE (U+0020), followed by LEFT CURLY BRACKET (U+007B), followed by a single SPACE (U+0020).
3. %宣言~群 ~LET %規則 が表現している`~CSS~style規則$の`~CSS宣言~block$の`宣言~群$dB 【 `style$mA 】 ◎ ↓
4. ~IF［ %宣言~群 は空でない ］ ⇒ %結果 に次を順に付加する ⇒＃ `宣言~群を直列化する$( %宣言~群 ), ~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).
5. %結果 に ❝} を付加する ◎ The string "}", RIGHT CURLY BRACKET (U+007D).

2 個の ~SP で “字下げする” 所 【改行文字, ~SP, ~SP を付加する所】 は、 ~browserに合致するが，作業が必要である。 `5494$issue を見よ。 【入子な`~CSS規則$に対しても，同じ字下げになってしまう。】 ◎ The "indented by two spaces" bit matches browsers, but needs work, see #5494

`~CSS規則~listに規則を挿入する@ ~algoは、 所与の ( `~CSS規則~list$ss %~list, `~CSS規則$ %規則, 整数 %~index, 真偽値 %入子にされたか ~DF ~F ) に対し： ◎ To insert a CSS rule rule in a CSS rule list list at index index, with a flag nested, 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^i ］：

   1. ~IF［ %入子にされたか ~EQ ~F ］ ⇒ ~THROW `SyntaxError$E
   2. %宣言~群 ~SET `~CSS宣言~blockとして構文解析する$( %規則 )
   3. ~IF［ %宣言~群 は空である ］ ⇒ ~THROW `SyntaxError$E
   4. %新たな規則 ~SET %宣言~群 を包装する新たな`入子な宣言~列が成す規則$
   ◎ If new rule is a syntax error, and nested is set, perform the following substeps: • Set declarations to the results of performing parse a CSS declaration block, on argument rule. • If declarations is empty, throw a SyntaxError exception. • Otherwise, set new rule to a new nested declarations rule with declarations as it contents. ◎ If new rule is a syntax error, throw a SyntaxError exception.

4. ~IF［ %新たな規則 を %~list を成す %~index 番の~itemになるよう挿入すると， ~CSS `CSS21$r により指定される拘束に反する ］ ⇒ ~THROW `HierarchyRequestError$E ◎ If new rule cannot be inserted into list at the zero-indexed 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.

`~CSS規則~listから規則を除去する@ ~algoは、 所与の ( `~CSS規則~list$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 ] ◎ 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 番の~itemを除去する ◎ Remove rule old rule from list at the zero-indexed position index.
5. %規則 の ⇒＃ `親~規則$ ~SET ~NULL, `親~ss$ ~SET ~NULL ◎ Set old rule’s parent CSS rule and parent CSS style sheet to null.

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

1. %宣言~list ~LET `~blockの内容を構文解析する$( %文字列 ) ◎ Let declarations be the returned declarations from invoking parse a block’s contents with string.
2. %構文解析した宣言~list ~LET « » ◎ 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宣言を直列化する@ ~algoは、 所与の ( %~prop名, %値, %~importantか ) に対し：

1. ~IF［ %値 は`空白$以外の文字を包含しない ］ ⇒ %値 ~SET 空~文字列
2. %~important ~LET 空~文字列
3. ~IF［ %~importantか ~EQ ~T ］ ⇒ %~important ~SET 次を順に`連結する$ ⇒＃ ~SP, `!important^l (U+0021 U+0069 U+006D U+0070 U+006F U+0072 U+0074 U+0061 U+006E U+0074)
4. ~RET 次を順に`連結する$ ⇒＃ %~prop名, ❝:, ~SP, %値, %~important, ❝;

`宣言~群を直列化する@ ~algoは、 所与の ( `宣言~群$dB %宣言~群 ) に対し： ◎ To serialize a CSS declaration block declaration block means to run the steps below:

【 原文の~algoは，`~CSS宣言~block$を入力にとるが、 この~algoを利用する他所を簡潔にするため，その`宣言~群$dBを入力にとるよう改めることにする。 】

1. %宣言~list ~LET %宣言~群 を`~cloneする$ 【以下を簡略化するため、この訳では~cloneする。】 ◎ ↓
2. %~list ~LET « » ◎ Let list be an empty array. ◎ 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. %~importantか ~LET %宣言 の`~importantか$ ◎ ↓

   2. %宣言 の`~prop名$ に対応する`略式~prop$たち（無いならば，この段は飛ばす）を成す ~EACH( %略式~prop ) に対し，`選好d順序$で： ◎ Let property be declaration’s property name. ◎ If property is in already serialized, continue with the steps labeled declaration loop. ◎ If property maps to one or more shorthand properties, let shorthands be an array of those shorthand properties, in preferred order. ◎ Shorthand loop: For each shorthand in shorthands, follow these substeps:

      1. %下位prop宣言~list ~LET « » ◎ ↓
      2. %宣言~list を成す ~EACH( %~prop宣言 ) に対し ⇒ ~IF［ %~prop宣言 の`~prop名$は、 %略式~prop の ある`下位prop$の名前である ］ ⇒ %宣言~list に %~prop宣言 を`付加する$ ◎ ↓

      3. ~IF［ ~OR↓ ］…

         • %下位prop宣言~list を成す`~CSS宣言$たちの`~prop名$は、 %略式~prop のすべての`下位prop$の名前を網羅していない ◎ Let longhands be an array consisting of all CSS declarations in declaration block’s declarations that are not in already serialized and have a property name that maps to one of the shorthand properties in shorthands. ◎ If not all properties that map to shorthand are present in longhands, continue with the steps labeled shorthand loop. ◎ Let current longhands be an empty array. ◎ Append all CSS declarations in longhands that have a property name that maps to shorthand to current longhands.
         • %下位prop宣言~list 内に次を満たす`~CSS宣言$が在る ⇒ `~importantか$ ~NEQ %~importantか ◎ If there are one or more CSS declarations in current longhands that have their important flag set and one or more with it unset, continue with the steps labeled shorthand loop.

         • %宣言~list 内に ~AND↓ を満たす`~CSS宣言$が在る：

           • %下位prop宣言~list には含まれない
           • %宣言~list 内で［ %下位prop宣言~list を成す最初の宣言【すなわち %宣言 】から最後の宣言 ］の合間にある
           • %下位prop宣言~list を成す ある下位prop【どれでもよい】と同じ`論理-~prop~group$に属するが，`対応付け~logic$は異なる
           ◎ If there is any declaration in declaration block in between the first and the last longhand in current longhands which belongs to the same logical property group, but has a different mapping logic as any of the longhands in current longhands, and is not in current longhands, continue with the steps labeled shorthand loop.

         …ならば ⇒ ~CONTINUE ◎ ↑

      4. %値 ~LET `下位prop~listを直列化する$( %下位prop宣言~list ) ◎ Let value be the result of invoking serialize a CSS value with current longhands.
      5. ~IF［ %値 ~EQ 空~文字列 ］ ⇒ ~CONTINUE ◎ If value is the empty string, continue with the steps labeled shorthand loop.
      6. %~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.
      7. %宣言~list から %下位prop宣言~list を成すすべての宣言を`除去する$ ◎ Append the property names of all items of current longhands to already serialized.
      8. ~GOTO `最後^i ◎ Continue with the steps labeled declaration loop.
   3. %値 ~LET `~CSS値を直列化する$( %宣言 ) ◎ Let value be the result of invoking serialize a CSS value of declaration.
   4. %~list に次の結果を`付加する$ ⇒ `~CSS宣言を直列化する$( %宣言 の`~prop名$, %値, %~importantか ) ◎ 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.
   5. %宣言~list から %宣言 を`除去する$ ◎ Append property to already serialized.
   6. `最後^i： （何もしない） ◎ ↑
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$dB用の`属性~変更-時の手続き$は、 所与の ( %局所~名, %旧-値, %値, %~ns ) に対し： ◎ A CSS declaration block has these attribute change steps for its owner node with localName, value, and namespace:

1. ~IF［ %O の`算出-済みか$dB ~EQ ~T ］ ⇒ ~RET ◎ If the computed flag is set, then return.
2. ~IF［ %O の`更新-中か$dB ~EQ ~T ］ ⇒ ~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 の`宣言~群$dBを空にする ◎ If value is null, empty the declarations.
5. ~ELSE ⇒ %O の`宣言~群$dB ~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$dB ◎ Let owner node be the owner node.
2. ~IF［ %所有者~node ~EQ ~NULL ］~OR［ %O の`算出-済みか$dB ~EQ ~T ］ ⇒ ~RET ◎ If owner node is null, or the computed 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 の`宣言~群$dB ~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属性を更新する@ ~algoは： ◎ To update style attribute for declaration block means to run the steps below:

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

`略式~prop$たちが成す~list %略式~prop~list の `選好d順序@ は、 次に従う： ◎ 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 を成す~itemのうち次を満たすものを — それらの相対的~順序を保ったまま — ~listの末尾へ回す ⇒ ［ ❝- から始まる ］~AND［ `-webkit-^l からは始まらない ］ ◎ 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 の方が `末端の^em `下位prop$の個数が多くなるので，先に来るものと考えられる。 】

`getComputedStyle(elt, pseudoElt)@m ~method手続きは： ◎ 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 ~NIN { ε, ~NULL, 空~文字列 } ］~AND［ %pseudoElt の最初の文字 ~EQ ❝: ］： ◎ If pseudoElt is provided, is not the empty string, and starts with a colon, then:

   1. %型 ~LET %pseudoElt を `pseudo-element-selector$t の`文法に則って構文解析-$した結果 ◎ Parse pseudoElt as a <pseudo-element-selector>, and let type be the result.
   2. ~IF［ %型 ~EQ `失敗^i ］~OR［ %型 は［ `slotted()$pe ／ `part()$pe ］疑似要素である ］ ⇒ %~obj ~SET ~NULL ◎ If type is failure, or is a ::slotted() or ::part() pseudo-element, let obj be null.
   3. ~ELSE ⇒ %~obj ~SET %型 に対応する， %elt 上の疑似要素 ◎ Otherwise let obj be the given pseudo-element of elt.

   注記： 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.

4. %宣言~群 ~LET « » ◎ Let decls be an empty list of CSS declarations.

5. ~IF［ ~AND↓ ］…

   • %~obj ~NEQ ~NULL
   • %elt は`接続されて$いる
   • %elt は`平坦~tree$の一部を成す

   • %elt の`~shadowも含めた根$の`~node文書$が`属する閲覧~文脈$を %B に関して，［ %B ~NEQ ~NULL ］~AND［ ~OR↓ ］が満たされる：

     • %B は閲覧~文脈~容器を持たない

       【 おそらく、 %B は`~top-level閲覧~文脈$であることを意味するであろう — 単に %B の`容器$bc ~EQ ~NULL のみならず。 】

     • ［ %B の`容器$bc ~NEQ ~NULL ］~AND［ %B の`容器$bcは`具現化されて$いる ］

   …ならば：

   ◎ If obj is not null, and 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,＼
   1. すべての［ `~supportされる~CSS~prop$である`下位prop$ ］を成す ~EACH( %~prop名 ) に対し，辞書式~順序で ⇒ %宣言~群 に次のようにされた`~CSS宣言$を付加する ⇒＃ `~prop名$ ~SET %~prop名, `値$ ~SET %文書 に結付けられた~style規則を利用して %~obj 上の %~prop名 ~propに対し算出される`解決d値$ ◎ 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.＼
   2. ~EACH( `~custom~prop$ %~custom~prop ) に対し【下の課題を見よ】 ⇒ ~IF［ %~obj 上での %~custom~prop の`算出d値$は、 `無効が保証される値$でない ］ ⇒ %~custom~prop を成す宣言を %宣言~群 に付加する ◎ Additionally, append to decls all the custom properties whose computed value for obj is not the guaranteed-invalid value.

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

   ~custom~propの順序は、 まだ定義されていない。 `4947$issue を見よ。 ◎ Order of custom properties is currently undefined, see #4947.

6. ~RET ［ 次のようにされた`~CSS宣言~block$ ］を表現する，~liveな `CSSStyleProperties$I ~obj ⇒＃ `算出-済みか$dB ~SET ~T, `読専か$dB ~SET ~T, `宣言~群$dB ~SET %宣言~群, `親~CSS規則$dB ~SET ~NULL, `所有者~node$dB ~SET %~obj 【これは、疑似要素にもなり得ることになる。】 ◎ Return a live CSSStyleProperties object with the following properties: • computed flag •• Set. • readonly flag •• Set. • declarations •• decls. • parent CSS rule •• Null. • owner node •• obj.

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

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

`escape(ident)@m ~method手続きは ⇒ ~RET `識別子を直列化する$( %ident ) ◎ The escape(ident) operation must return the result of invoking serialize an identifier of ident.

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

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