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

`文字を~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("/sitelet?url=https%3A%2F%2Ftriple-underscore.github.io%2F%2C%2520followed%2520by%2520the%2520serialization%2520of%2520the%2520URL%2520as%2520a%2520string%2C%2520followed%2520by")".

`~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~FN ］ ⇒ %結果 に次を順に付加する ⇒＃ ~SP, ❝i ◎ If the attribute selector has the case-sensitivity flag present, append " i" (U+0020 U+0069) to s.

   【~FN 属性~値の`文字大小は区別されない＠~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

   `a-n-plus-b^t を`直列化する規則＠~CSSSYN#serialize-an-a-n-plus-b-value$を利用して，引数を直列化した結果 ◎ The result of serializing the value using the rules to serialize an <a-n-plus-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$~FN に`結付けられた文書$ 【~FN [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$rule】 ~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規則$ %規則 ) に対し， %規則 を表現する~objが実装する~interface【！`種別$rule】に応じて： ◎ 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$rule 【！`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(/sitelet?url=https%3A%2F%2Ftriple-underscore.github.io%2F%2560import.css%5El);

`import$at url(/sitelet?url=https%3A%2F%2Ftriple-underscore.github.io%2F%2560print.css%5El) 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$rule【！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 を付加する ◎ The string "@font-face {".
3. ~IF［ %規則 内に `font-family$d 記述子は在る ］ ⇒ %結果 に次を順に付加する ⇒＃ ~SP, `font-family:^l, ~SP, `文字列を直列化する$( %規則 の `font-family$td ), ❝; ◎ If the font-family descriptor is present: • A single SPACE (U+0020), followed by 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).

4. ~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).
5. ~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).
6. ~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).
7. ~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).

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

   【~FN `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).
9. ~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).
10. ~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).
11. %結果 に次を順に付加する ⇒＃ ~SP, ❝} ◎ A single SPACE (U+0020), followed by the string "}", i.e., RIGHT CURLY BRACKET (U+007D).
12. ~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 ］いずれかである~FN ならば `文字列を直列化する$( 属性の値 ) ／ ~ELSE_ `識別子を直列化する$( 属性の値 )

   【~FN `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$rule【！~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. %規則 の ⇒＃ `親~規則$rule ~SET ~NULL, `親~ss$rule ~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. %宣言~群 ~LET `~blockの内容を構文解析する$( %文字列 ) ◎ Let declarations be the returned declarations from invoking parse a block’s contents with string.
2. %構文解析された宣言~群 ~LET « » ◎ Let parsed declarations be a new empty list.

3. %宣言~群 を成す ~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［ 前~段により宣言~全体は落とされてはいない （ %構文解析された宣言 は空でない） ］ ⇒ %構文解析された宣言~群 に %構文解析された宣言 を付加する ◎ If parsed declaration is not null, append it to parsed declarations.
4. ~RET %構文解析された宣言~群 ◎ 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は、 所与の ( `~CSS宣言$たちが成す`~list$ %宣言~群 ) に対し， %宣言~群 を成すすべての宣言の直列化を表現する`文字列$を返す： ◎ To serialize a CSS declaration block declaration block, run the following steps. It will return a string representing the serialization of all the declarations in declaration block.

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

1. %直列化された~prop群 ~LET « » ◎ Let serialized props initially be the empty list.
2. %直列化-済み~prop名~群 ~LET 空な集合 ◎ Let already serialized initially be the empty set. ◎ ↑ Let decls be declaration block’s declarations.
3. %宣言~群 を成す ~EACH( `~CSS宣言$ %宣言 ) に対し： ◎ For each CSS declaration decl in decls:
   1. %名前 ~LET %宣言 の`~prop名$ ◎ Let name be decl’s property name.
   2. ~IF［ %名前 ~IN %直列化-済み~prop名~群 ］ ⇒ ~CONTINUE ◎ If name is in already serialized, continue.
   3. %結果 ~LET `略式~形に直列化する$( %名前, %宣言~群, %直列化-済み~prop名~群 )

   4. ~IF［ %結果 ~NEQ `失敗^i【！returns a string】 ］：

      1. %直列化された~prop群 に %結果 を`付加する$
      2. ~CONTINUE
      ◎ Attempt to serialize into a shorthand form name, given decls and already serialized. If this returns a string, append it to serialized props and continue.

   5. ~ELSE：

      1. %値 ~LET `~CSS値を直列化する$( %宣言 )
      2. %直列化された~prop群 に次の結果を`付加する$ ⇒ `~CSS宣言を直列化する$( %名前, %値, %宣言 の`~importantか$ )
      ◎ Otherwise, serialize a CSS declaration with property name name, value the result of serializing a CSS value from decl, and the important flag set if decl has it set. Append the result to serialized props.
   6. %直列化-済み~prop名~群 に %名前 を`付加する$set ◎ Append name to already serialized.
4. ~RET %直列化された~prop群 を~SPで`連結する$ ◎ Return the result of concatenating serialized props, with separator " " (U+0020 SPACE).

`略式~形に直列化する@ ~algoは、 所与の ( ~prop名 %~prop名, `~CSS宣言$たちが成す`~list$ %宣言~群, ~prop名たちが成す集合 %直列化-済み~prop名~群 ) に対し，［ `失敗^i ／ %~prop名 に対応する`略式~prop$の直列化を表現している`文字列$ ］を返す — この~algoは、 【`失敗^i を返さないならば，】 %直列化-済み~prop名~群 を変異する： ◎ To serialize into a shorthand form a property property, given a list of CSS declarations decls and a set of already-serialized declarations already serialized, run the following steps. It will return either a string representing the serialization of a shorthand that property is part of, or failure, and will mutate already serialized.

1. `略式~prop$の名前のうち［ それに対応する ある`非略式~prop$の名前は %~prop名 に等しいもの ］たちを成す ~EACH( %略式~prop名 ) に対し，`選好される略式~propの順序$で： ◎ Let possible shorthands be a list of shorthand declaration names that property is a longhand for, in preferred shorthand order. ◎ For each shorthand in possible shorthands:

   1. %利用される非略式~prop群 ~LET 次の手続きを遂行した結果

      手続きは：

      1. %結果 ~LET « »

      2. %略式~prop名 に対応する`非略式~prop$の名前たちを成す ~EACH( %名前 ) に対し：

         1. ~IF［ %名前 ~IN %直列化-済み~prop名~群 ］ ⇒ ~RET ε
         2. %見出されたか ~LET ~F

         3. %宣言~群 を成す ~EACH( %宣言 ) に対し：

            1. ~IF［ %宣言 の`~prop名$ ~NEQ %名前 ］ ⇒ ~CONTINUE
            2. %結果 に %宣言 を`付加する$
            3. %見出されたか ~SET ~T
         4. ~IF［ %見出されたか ~EQ ~F ］ ⇒ ~RET ε
         5. ~RET %結果
      ◎ Let needed longhand names be the names of the longhands that shorthand maps to. ◎ If any of needed longhand names is not in decls, continue. ◎ If any of needed longhand names is in already serialized, continue. ◎ Let used longhands be the declarations from decls corresponding to the property names in needed longhand names.
   2. ~IF［ %利用される非略式~prop群 ~EQ ε ］ ⇒ ~CONTINUE ◎ ↑
   3. %~importantか ~LET %利用される非略式~prop群[ 0 ] の`~importantか$ ◎ ↓
   4. %利用される非略式~prop群 を成す ~EACH( %宣言 ) に対し ⇒ ~IF［ %宣言 の`~importantか$ ~NEQ %~importantか ］ ⇒ ~CONTINUE ◎ If there is at least one declaration in used longhands with its important flag set, and at least one without it set, continue.

   5. %宣言~群 を成す宣言として ~AND↓ を満たすものが在る：

      • %宣言~群 内には、 当の宣言より［ 前, 後 ］どちらにも %利用される非略式~prop群 を成すものが在る
      • %利用される非略式~prop群 を成す ある`非略式~prop$と同じ`論理-~prop~group$に属するが，`対応付け~logic$は異なる

      …ならば ⇒ ~CONTINUE

      ◎ If any of the intermixed properties in decls between used longhands belong to the same logical property group as a longhand in used longhands but have a different mapping logic, and are not in used longhands, continue.
   6. %値 ~LET `非略式~prop群を直列化する$( %利用される非略式~prop群 ) ◎ Serialize a CSS value with used longhands, and let value be the result.
   7. ~IF［ %値 ~EQ 空~文字列 ］ ⇒ ~CONTINUE ◎ If value is the empty string, continue.
   8. %利用される非略式~prop群 を成す ~EACH( %宣言 ) に対し ⇒ %直列化-済み~prop名~群 に %宣言 の`~prop名$を`付加する$set ◎ Append the property names of all the items in used longhands to already serialized.
   9. ~RET `~CSS宣言を直列化する$( %略式~prop名, %値, %~importantか ) ◎ Serialize a CSS declaration with property name shorthand, value value, and the important flag set if all the used longhands have it set. Return the result.
2. ~RET `失敗^i ◎ Return failure.

`intermixed^en ~propたちが成す~listを取得する~algoは…

【 … 以下，この~algoを成す内容は、 上の手続きの中へ`組入れた＠#intermixed-properties$ — そこでしか利用されていないので。 】

`~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群 の `選好される略式~propの順序@ は、 次に従う： ◎ The preferred shorthand order of a list of shorthand properties shorthands is as follows:

1. %略式~prop群 を辞書式~順序になるよう~sortする ◎ Order shorthands lexicographically.
2. %略式~prop群 から次を満たす~itemを除去する ⇒ ［ `旧来の略式~prop$である ］~AND［ 先頭の文字 ~NEQ ❝- ］ ◎ Remove all items in shorthands that are legacy shorthands but do not begin with "-" (U+002D).
3. %略式~prop群 を成す~itemのうち次を満たすものを — それらの相対的~順序を保ったまま — ~listの末尾へ回す ⇒ `-webkit-^l から始まる ◎ Move all items in shorthands that begin with "-webkit-" (U+002D) last in the list, retaining their relative order.
4. %略式~prop群 を成す~itemのうち次を満たすものを — それらの相対的~順序を保ったまま — ~listの末尾へ回す ⇒ ［ 先頭の文字 ~EQ ❝- ］~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.

5. %略式~prop群 を — それらの相対的~順序を保ったまま — 対応する`非略式~prop$の個数が多い順に~sortする 【先行する各~段で末尾に回されたものは，末尾に保ちつつ？】 ◎ Order shorthands by the number of longhand properties that map to it, with the greatest number first, retaining their relative order.

   【 例えば、 `border-style$p よりも `border$p の方が対応する`非略式~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.

`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) + '"]'
);