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

4.2.1. 媒体~特能~値の直列化-法

これは~CSS値の直列化に対応付けることを通して定義されるべきであろう — その上で，`媒体~特能$については~CSS値を通して定義されるように。 ◎ This should probably be done in terms of mapping it to serializing CSS values as media features are defined in terms of CSS values after all.

`媒体~特能~値を直列化する@ ときは、所与の ( 名前 %v の`媒体~特能$の値 ) に対し，下の一覧の最初の列から， %v に一致する行の 2 列目に記されている直列化~形式を用いる： ◎ To serialize a media feature value named v locate v in the first column of the table below and use the serialization format described in the second column:

他の仕様はこの一覧を拡張でき，また~vendor接頭辞~付きの`媒体~特能$は~custom直列化~形式を持ち得る。 ◎ Other specifications can extend this table and vendor-prefixed media features can have custom serialization formats as well.

6.1.1. `StyleSheet^I ~ifc

`StyleSheet$I ~ifcは、抽象的な基底~ssを表現する。 ◎ The StyleSheet interface represents an abstract, base style sheet.

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

`type@m

取得子は、此れの`種別$ssを返すモノトスル。 ◎ The type attribute must return the type.

`href@m

取得子は、此れの`所在$ssを返すモノトスル。 ◎ The href attribute must return the location.

`ownerNode@m

取得子は、此れの`所有者~node$ssを返すモノトスル。 ◎ The ownerNode attribute must return the owner node.

`parentStyleSheet@m

取得子は、此れの`親~CSS~ss$ss 【 を表現する `CSSStyleSheet$I ~obj】 を返すモノトスル。 ◎ The parentStyleSheet attribute must return the parent CSS style sheet.

`title@m

取得子は、［ 此れの`~title$ss ~NEQ 空~文字列ならば それ／ ~ELSE_ ~NULL ］を返すモノトスル。 ◎ The title attribute must return the title or null if title is the empty string.

`media@m

取得子は、此れの`媒体$ssを返すモノトスル。 ◎ The media attribute must return the media.

`disabled@m

取得子は、［ 此れの`不能化~flag$ss ~EQ ~ON ならば ~T ／ ~ELSE_ ~F ］を返すモノトスル。 ◎ The disabled attribute, on getting, must return true if the disabled flag is set, or false otherwise.＼

設定子は、次を走らすモノトスル ⇒ 此れの`不能化~flag$ss ~SET［ 新たな値 ~EQ ~T ならば ~ON ／ ~ELSE_ ~OFF ］ ◎ On setting, the disabled attribute must set the disabled flag if the new value is true, or unset the disabled flag otherwise.

6.1.2. `CSSStyleSheet^I ~ifc

`CSSStyleSheet$I ~ifcは `~CSS~ss$を表現する。 ◎ The CSSStyleSheet interface represents a CSS style sheet.

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

`ownerRule@m

取得子は、此れの`所有者~CSS規則$ss 【を表現する `CSSRule$I （（を継承する~ifc）を実装する）~obj】 を返すモノトスル。 ~NULL 以外の値を返す場合は、どの取得-~accessに対しても，常に同じ値を返すモノトスル。 ◎ The ownerRule attribute must return the owner CSS rule. If a value other than null is ever returned, then that same value must always be returned on each get access.

`cssRules@m

取得子は、次を走らすモノトスル： ◎ The cssRules attribute must follow these steps:

1. ~IF［ 此れの`origin-clean ~flag$ss ~EQ ~OFF ］ ⇒ ~THROW `SecurityError$E ◎ If the origin-clean flag is unset, throw a SecurityError exception.

2. ~RET 此れの`~CSS規則列$ssを表現する，読専かつ~liveである `CSSRuleList$I ~obj ◎ Return a read-only, live CSSRuleList object representing the CSS rules.

   注記： 返される `CSSRuleList$I ~objは、（作者による~script側からは）読専であったとしても、~liveであり，内容が変化しないことを意味するわけではない。 例えば、 `insertRule()$m や `deleteRule()$m ~methの呼出しによる変更は、返された~objに反映される。 ◎ Note: Even though the returned CSSRuleList object is read-only (from the perspective of client-authored script), it can nevertheless change over time due to its liveness status. For example, invoking the insertRule() or deleteRule() methods can result in mutations reflected in the returned object.

`insertRule(rule, index)@m

被呼出時には、次を走らすモノトスル： ◎ The insertRule(rule, index) method must run the following steps:

1. ~IF［ 此れの`origin-clean ~flag$ss ~EQ ~OFF ］ ⇒ ~THROW `SecurityError$E ◎ If the origin-clean flag is unset, throw a SecurityError exception.
2. ~RET `~index番の規則として挿入する$( 此れ上の `cssRules$m から返される`~CSS規則列$ss, %rule, %index ) ◎ Return the result of invoking insert a CSS rule rule in the CSS rules at index.

`deleteRule(index)@m

被呼出時には、次を走らすモノトスル： ◎ The deleteRule(index) method must run the following steps:

1. ~IF［ 此れの`origin-clean ~flag$ss ~EQ ~OFF ］ ⇒ ~THROW `SecurityError$E ◎ If the origin-clean flag is unset, throw a SecurityError exception.
2. `~index番の規則を除去する$( 此れの`~CSS規則列$ss, %index ) ◎ Remove a CSS rule in the CSS rules at index.

6.2.1. HTTP `Default-Style^h ~header

HTTP `Default-Style$h ~headerを利用すれば、`選好される~CSS~ss集合~名$を設定して，どの`~CSS~ss集合$が（初期~時に）`可能化~CSS~ss集合$にされるかに波及させられる。 ◎ The HTTP Default-Style header can be used to set the preferred CSS style sheet set name influencing which CSS style sheet set is (initially) the enabled CSS style sheet set.

~UAは，次を行うモノトスル【いつ？】 ⇒ ~EACH( HTTP `Default-Style$h ~header %~header ) に対し，~headerが現れる順に ⇒ `選好される~CSS~ss集合~名を変更する$( %~header の値 ) ◎ For each HTTP Default-Style header, in header order, the user agent must change the preferred CSS style sheet set name with name being the value of the header.

6.2.2. `StyleSheetList^I ~ifc

`StyleSheetList$I ~ifcは`~CSS~ss$の有順序~collectionを表現する。 ◎ The StyleSheetList interface represents an ordered collection of CSS style sheets.

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

~objが`~supportする~prop~index$は、 0 以上［ ~collectionで表現される~ssの総数 ］未満とする。 ◎ The object’s supported property indices are the numbers in the range zero to one less than the number of CSS style sheets represented by the collection. If there are no such CSS style sheets, then there are no supported property indices.

`item(index)@m

被呼出時には、此れの~collection内に %index 番の~ssが［ 在れば それ ／ 無ければ ~NULL ］を返すモノトスル。 ◎ The item(index) method must return the indexth CSS style sheet in the collection. If there is no indexth object in the collection, then the method must return null.

`length@m

取得子は、此れの~collectionで表現される~ssの総数を返すモノトスル。 ◎ The length attribute must return the number of CSS style sheets represented by the collection.

6.2.3. `DocumentOrShadowRoot^I ~ifc~mixinに対する拡張

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

`styleSheets@m

取得子は、此れの`~CSS~ss~list$を表現する `StyleSheetList$I ~collectionを返すモノトスル。 ◎ The styleSheets attribute must return a StyleSheetList collection representing the document or shadow root CSS style sheets.

6.3.1. ~CSS~ssの~fetching

`~CSS~ss資源を~fetchする@ ときは、所与の ( %解析済み~URL, %~referrer, %文書 ), および 一連の~parameter %parameters （省略可，`要請$を作成する際の入力に利用される） に対し，次を走らす： ◎ To fetch a CSS style sheet with parsed URL parsed URL, referrer referrer, document document, optionally a set of parameters parameters (used as input to creating a request), follow these steps:

1. %生成元 ~LET %文書 の`生成元$ ◎ Let origin be document’s origin.
2. %要請 ~LET 次のようにされた，新たな`要請$ ⇒＃ `~URL$rq ~SET %解析済み~URL, `生成元$rq ~SET %生成元, `~referrer$rq ~SET %~referrer ◎ Let request be a new request, with the url parsed URL, origin origin, referrer referrer, and＼
3. ~IF［ %parameters は与えられている ］ ⇒ %parameters に従って， %要請 の他の~parameterを設定する ◎ if specified the set of parameters parameters.
4. %応答 ~LET %要請 を用いて`~fetch$した結果 （ %応答 が得られるまで待機する） ◎ Let response be the result of fetching request. ◎ Wait until response is available.
5. ~IF［ %応答 ~EQ `~network~error$ ］ ⇒ ~RET ~error ◎ If response is a network error, return an error.

6. ~IF［ %応答 の`Content-Type ~metadata$は `~supportされる~styling言語$でない ］：

   1. ~IF［ %文書 は`過去互換~mode$下にある ］~AND［ %応答 は `~CORS同一-生成元$である ］ ⇒ %応答 の`Content-Type ~metadata$を `text/css^c に変更する
   2. ~ELSE ⇒ ~RET ~error
   ◎ If document is in quirks mode, response is CORS-same-origin and the Content-Type metadata of response is not a supported styling language change the Content-Type metadata of response to text/css. ◎ If response is not in a supported styling language return an error.
7. ~RET %応答 ◎ Return response.

6.3.2. `LinkStyle^I ~ifc

~node %~node に `結付けられている~CSS~ss@ とは、`~CSS~ss~list$に属する`~CSS~ss$のうち［ その`所有者~node$ss ~EQ %~node ］を満たすものである。 そのような~nodeは、 `LinkStyle$I ~ifcを実装するモノトスル。 ◎ The associated CSS style sheet of a node is the CSS style sheet in the list of document or shadow root CSS style sheets of which the owner node is said node. This node must also implement the LinkStyle interface.

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

`sheet@m

取得子は、~nodeに`結付けられている~CSS~ss$が［ 在ればそれ ／ 無ければ ~NULL ］を返すモノトスル。 ◎ The sheet attribute must return the associated CSS style sheet for the node or null if there is no associated CSS style sheet.

次の例において、~UAが~CSS（ `text/css^c ）を~supportしつつ，（仮想の） `text/example-sheets^c は~supportしていないとする。 この場合、前者の `style$e 要素の `sheet$m 属性は，~ssを表現する `StyleSheet$I ~objを返すが、後者の `style$e 要素の `sheet$m 属性は，~NULL を返す。 ◎ In the following fragment, the first style element has a sheet attribute that returns a StyleSheet object representing the style sheet, but for the second style element, the sheet attribute returns null, assuming the user agent supports CSS (text/css), but does not support the (hypothetical) ExampleSheets (text/example-sheets).

<style type="text/css">
  body { background:lime }
</style>

<style type="text/example-sheets">
  $(body).background := lime
</style>

注記： ~nodeが~ssを~~参照するかどうかは、当該の~nodeの意味論を定義する仕様により定義される。 ◎ Note: Whether or not the node refers to a style sheet is defined by the specification that defines the semantics of said node.

6.3.3. 仕様に課される要件

~DOMを通して~ssを結付ける新たな仕方を導入する仕様は、どの~nodeが `LinkStyle$I ~ifcを実装するかを定義するべきである。 その場合、どの時点で`~CSS~ssを作成する$かも定義されなければナラナイ。 ◎ Specifications introducing new ways of associating style sheets through the DOM should define which nodes implement the LinkStyle interface. When doing so, they must also define when a CSS style sheet is created.

6.3.4. xml-stylesheet 処理命令を実装する~UAに課される要件

`ProcessingInstruction$I includes `LinkStyle$I;

`~prolog@ とは、 `文書$の`子$であって， `文書$のどの子`Element$I にも`後続$しないような`~node$（の集合）を意味する。 ◎ The prolog refers to nodes that are children of the document and are not following the Element child of the document, if any.

`ProcessingInstruction$I `~node$ %node が［ `~prolog$の一部を成すものに［ なった／ならなくなった ］とき，あるいは その `~data$ が変化したとき ］には、次を走らすモノトスル： ◎ When a ProcessingInstruction node node becomes part of the prolog, is no longer part of the prolog, or has its data changed, these steps must be run:

1. ~IF［ この~algoの~instanceが %node に対し現在~走っている ］ ⇒＃ その~instanceを中止する； 適用-可能なら，結付けられている`~fetching$も停止する ◎ If an instance of this algorithm is currently running for node, abort that instance, and stop the associated fetching if applicable.
2. ~IF［ %node に`結付けられている~CSS~ss$ %~ss がある ］ ⇒ `~CSS~ssを除去する$( %~ss ) ◎ If node has an associated CSS style sheet, remove it.
3. ~IF［ %node は `xml-stylesheet 処理命令$でない ］ ⇒ ~RET ◎ If node is not an xml-stylesheet processing instruction, then return.
4. ~IF［ %node に `href$xmlss `疑似属性$が指定されてない ］ ⇒ ~RET ◎ If node does not have an href pseudo-attribute, then return.
5. %~title ~LET ［ %node に `title$xmlss `疑似属性$が指定されているならば その値 ／ ~ELSE_空~文字列 ］ ◎ Let title be the value of the title pseudo-attribute or the empty string if the title pseudo-attribute is not specified.
6. ~IF［ %node に `alternate$xmlss `疑似属性$が指定されていて，その値 ~EQ `yes^l ］~AND［ %~title ~EQ 空~文字列 ］ ⇒ ~RET ◎ If there is an alternate pseudo-attribute whose value is a case-sensitive match for "yes" and title is the empty string, then return.
7. ~IF［ %node に `type$xmlss `疑似属性$が指定されていて，その値は`~supportされる~styling言語$でない ］ ⇒ ~UAの任意選択で ⇒ ~RET ◎ If there is a type pseudo-attribute whose value is not a supported styling language the user agent may return.
8. %入力~URL ~LET %node の `href$xmlss `疑似属性$に指定されている値 ◎ Let input URL be the value specified by the href pseudo-attribute.
9. %文書 ~LET %node の`~node文書$ ◎ Let document be node’s node document
10. %基底~URL ~LET %文書 の`文書~基底~URL$ ◎ Let base URL be document’s document base URL.
11. %~referrer ~LET %文書 の`~address$ ◎ Let referrer be document’s address.
12. %解析済み~URL ~LET `~URL構文解析する$( %入力~URL ) ◎ Let parsed URL be the return value of invoking the URL parser with the string input URL and the base URL base URL.
13. ~IF［ %解析済み~URL ~EQ `失敗^i ］ ⇒ ~RET ◎ If parsed URL is failure, then return.
14. %応答 ~LET `~CSS~ss資源を~fetchする$( %解析済み~URL, %~referrer, %文書 ) ◎ Let response be the result of fetching a CSS style sheet with parsed URL parsed URL, referrer referrer and document document.
15. ~IF［ %応答 ~EQ ~error ］ ⇒ ~RET ◎ If response is an error, then return.

16. 次の~propを伴う`~CSS~ssを作成する$： ◎ Create a CSS style sheet with the following properties:

    `所在$ss

    `~URLを直列化する$( %解析済み~URL ) ◎ The result of invoking the URL serializer with parsed URL.

    `親~CSS~ss$ss

    ~NULL ◎ null.

    `所有者~node$ss

    %node ◎ node.

    `所有者~CSS規則$ss

    ~NULL ◎ null.

    `媒体$ss

    `media$xmlss `疑似属性$の値が与えられていればそれ ／ いなければ空~文字列 ◎ The value of the media pseudo-attribute if any, or the empty string otherwise.

    `~title$ss

    %~title ◎ title.

    `代替-~flag$ss

    `alternate$xmlss `疑似属性$の値 ~EQ `yes^l ならば ~ON ／ ~ELSE_ ~OFF ◎ Set if the alternate pseudo-attribute value is a case-sensitive match for "yes", or unset otherwise.

    `origin-clean ~flag$ss

    %応答 は `~CORS同一-生成元$であるならば ~ON ／ ~ELSE_ ~OFF ◎ Set if response is CORS-same-origin, or unset otherwise.

    ~CSS`環境~符号化法$は、次を走らせた結果とする： ◎ The CSS environment encoding is the result of running the following steps:

    1. ~IF［ 要素は `charset$xmlss `疑似属性$を持つ ］ ⇒ ~IF［ `~labelから符号化法を取得する$( その疑似属性の値 ) ~NEQ `失敗^i ］ ⇒ ~RET その結果 ◎ If the element has a charset pseudo-attribute, get an encoding from that pseudo-attribute’s value. If that succeeds, return the resulting encoding and abort these steps.
    2. ~RET `文書の文字~符号化法$ ◎ Otherwise, return the document’s character encoding. [DOM]

XML 構文解析器 %構文解析器 から作成される`文書$の文脈の下で，この節の~~規則を用いて［ `xml-stylesheet 処理命令$を表現する `ProcessingInstruction$I `~node$ %node ］から参照される~ss %~ss は、次のすべてを満たすとき，`~scriptを阻んでいる~ss$と呼ばれる： ◎ A style sheet referenced by an xml-stylesheet processing instruction using the rules in this section, in the context of the Document of an XML parser is said to be a style sheet that is blocking scripts if＼

• %node は %構文解析器 により作成されたものである ◎ the ProcessingInstruction node was created by that Document's parser, and＼
• %node の作成-時に %~ss は可能化されている ◎ the style sheet was enabled when the node was created by the parser, and＼
• %~ss の`~ss準備済み~flag$は まだ ~ON にされていない ◎ the style sheet ready flag is not yet set, and,＼

• `~event-loop$が 最後に上の~algoの最初の段に到達した時点で：

  • %node はその`文書$ 内に在った
  • ~UA は %~ss をまだ`~give-up$していない — ~UA は %~ss をいつでも`~give-up$してヨイ。
  ◎ the last time the event loop reached step 1, the node was in that Document, and the user agent hasn’t given up on that particular style sheet yet. A user agent may give up on such a style sheet at any time.

【 `~give-up@ が正確に何を意味するかは、この仕様のみからは確定できない。 この時点では~give-upしたとしても， %~ss は後で処理されるかもしれない。 】

6.3.5. HTTP `Link^h ~headerを実装する~UAに課される要件

各 HTTP `Link$h ~headerに対しては、次の手続きを走らすモノトスル： ◎ For each HTTP Link header＼

1. %~header値 ~LET `Link$h ~headerの値 ◎ of which＼
2. %関係~型~list ~LET ［ %~header値 の中の一連の~link関係~型（ `relation-type^c ）からなる集合 ］ ◎ one of the link relation types＼
3. ~IF［ `stylesheet^l ~NIN `~ACI$ %関係~型~list ］ ⇒ ~RET ◎ is an ASCII case-insensitive match for "stylesheet" these steps must be run:
4. %~title ~LET ［ %~header値 の中に `title^l ~parameterが在れば，それらのうち 最初のものの値 ／ 無ければ 空~文字列 ］ ◎ Let title be the value of the first of all the title parameters. If there are no such parameters it is the empty string.
5. ~IF［ %~title ~EQ 空~文字列 ］~AND［ `alternate^l ~IN `~ACI$ %関係~型~list ］ ⇒ ~RET ◎ If one of the (other) link relation types is an ASCII case-insensitive match for "alternate" and title is the empty string, then return.
6. %入力~URL ~LET %~header値 に指定されている URI-Reference （より~~詳細に規定する必要あり） ◎ Let input URL be the value specified. Be more specific
7. %文書 ~LET 文書 ◎ ↓
8. %基底~URL ~LET %文書 の`文書~基底~URL$ この時点で文書~objは在るのか？ ◎ Let base URL be the document’s document base URL. Is there a document at this point?
9. %~referrer ~LET %文書 の`~address$doc ◎ Let referrer be the document’s address.
10. %生成元 ~LET %文書 の`生成元$ ◎ Let origin be the document’s origin.
11. %解析済み~URL ~LET `~URL構文解析する$( %入力~URL ) ◎ Let parsed URL be the return value of invoking the URL parser with the string input URL and the base URL base URL.
12. ~IF［ %解析済み~URL ~EQ `失敗^i ］ ⇒ ~RET ◎ If parsed URL is failure, then return.

13. %応答 ~LET `~CSS~ss資源を~fetchする$( %解析済み~URL, %~referrer, %文書 ) ◎ Let response be the result of fetching a CSS style sheet with parsed URL parsed URL, referrer referrer and document being the document.

    ~HTML構文解析器が過去互換~modeかどうかまだ裁定していなかった場合はどうする？ ◎ What if the HTML parser hasn’t decided on quirks/non-quirks yet?

14. 次の~propを伴う`~CSS~ssを作成する$ ◎ Create a CSS style sheet with the following properties:

    `所在$ss

    `~URLを直列化する$( %解析済み~URL ) ◎ The result of invoking the URL serializer with parsed URL.

    `所有者~node$ss

    ~NULL ◎ null.

    `親~CSS~ss$ss

    ~NULL ◎ null.

    `所有者~CSS規則$ss

    ~NULL ◎ null.

    `媒体$ss

    最初の `media^c ~parameterの値 ◎ The value of the first media parameter.

    `~title$ss

    %~title ◎ title.

    `代替-~flag$ss

    ［ `alternate^l ~IN `~ACI$ %関係~型~list ならば~ON ／ ~ELSE_ ~OFF ］ ◎ Set if one of the specified link relation type for this HTTP Link header is an ASCII case-insensitive match for "alternate", or false otherwise.

    `origin-clean ~flag$ss

    %応答 は `~CORS同一-生成元$であるならば ~ON ／ ~ELSE_ ~OFF ◎ Set if response is CORS-same-origin, or unset otherwise.

6.4.1. `CSSRuleList^I ~ifc

`CSSRuleList$I ~ifcは、 `~CSS~style規則$の有順序~collectionを表現する。 ◎ The CSSRuleList interface represents an ordered collection of CSS style rules.

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

`CSSRuleList$I ~obj %O が`~supportする~prop~index$は、 0 以上［ %O が表現する~collectionを成す `CSSRule$I ~objの総数 ］未満とする。 ◎ The object’s supported property indices are the numbers in the range zero to one less than the number of CSSRule objects represented by the collection. If there are no such CSSRule objects, then there are no supported property indices.

`item(index)@m

被呼出時には、次を返すモノトスル ⇒ %index は此れが`~supportする~prop~index$であるならば 此れが表現する~collectionの中で %index 番の `CSSRule$I ~obj ／ ~ELSE_ ~NULL ◎ The item(index) method must return the indexth CSSRule object in the collection. If there is no indexth object in the collection, then the method must return null.

`length@m

取得子は、此れが表現する~collectionを成す `CSSRule$I ~objの総数を返すモノトスル。 ◎ The length attribute must return the number of CSSRule objects represented by the collection.

6.4.2. `CSSRule^I ~ifc

`CSSRule$I ~ifcは，抽象的な基底`~CSS~style規則$を表現する。 各種`~CSS~style規則$は、その種別に応じて，この~ifcを継承する別々の~ifcで表現される。 ◎ The CSSRule interface represents an abstract, base CSS style rule. Each distinct CSS style rule type is represented by a distinct interface that inherits from this interface.

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

`type@m

取得子は、此れがどの~ifcの~instanceであるかに応じて，次に与える値を返すモノトスル（括弧内は数-値）： ◎ The type attribute must return the CSS rule type, as follows:

1. `CSSStyleRule$I ⇒ `STYLE_RULE@m （ 1 ） ◎ If the object is a CSSStyleRule • Return STYLE_RULE (numeric value 1).
2. `CSSImportRule$I ⇒ `IMPORT_RULE@m （ 3 ） ◎ If the object is a CSSImportRule • Return IMPORT_RULE (numeric value 3).
3. `CSSMediaRule$I ⇒ `MEDIA_RULE@m （ 4 ） ◎ If the object is a CSSMediaRule • Return MEDIA_RULE (numeric value 4).
4. `CSSFontFaceRule$I ⇒ `FONT_FACE_RULE@m （ 5 ） ◎ If the object is a CSSFontFaceRule • Return FONT_FACE_RULE (numeric value 5).
5. `CSSPageRule$I ⇒ `PAGE_RULE@m （ 6 ） ◎ If the object is a CSSPageRule • Return PAGE_RULE (numeric value 6).
6. `CSSMarginRule$I ⇒ `MARGIN_RULE@m （ 9 ） ◎ If the object is a CSSMarginRule • Return MARGIN_RULE (numeric value 9).
7. `CSSNamespaceRule$I ⇒ `NAMESPACE_RULE@m （ 10 ） ◎ If the object is a CSSNamespaceRule • Return NAMESPACE_RULE (numeric value 10).
8. その他 ⇒ CSSOM Constants wiki ページにて定義されている値 ◎ Otherwise • Return a value defined on the CSSOM Constants wiki page.

注記： 値 0 は、以前は `UNKNOWN_RULE^m として知られていたが，この仕様により廃用にされた。 この値は、将来的にも利用されないものとして，予約されることになる。 ◎ Note: The value 0, formerly known as UNKNOWN_RULE, is made obsolete by this specification. This value will not be re-allocated in the future and will remain reserved.

`~cssText0@m

取得子は、次の結果を返すモノトスル ⇒ `~CSS規則を直列化する$( 此れの`~CSS規則$ ) ◎ The cssText attribute must return a serialization of the CSS rule.＼

設定子は、何もしないモノトスル。 ◎ On setting the cssText attribute must do nothing.

`parentRule@m

取得子は、此れの`親~規則$を返すモノトスル。 ◎ The parentRule attribute must return the parent CSS rule.

注記： 例えば、 `media$at は規則を封入し得る。 その場合、`parentRule$m は非 ~NULL になる。 封入する規則がないときの `parentRule$m は~NULLになる。 ◎ Note: For example, @media can enclose a rule, in which case parentRule would be non-null; in cases where there is no enclosing rule, parentRule will be null.

`parentStyleSheet@m

取得子は、此れの`親~ss$を返すモノトスル。 ◎ The parentStyleSheet attribute must return the parent CSS style sheet.

注記： ~NULLが返されるような唯一の状況は ~CSS~ssから 除去されたとき である。 ◎ Note: The only circumstance where null is returned when a rule has been removed.

注記： `文書$から［ `LinkStyle$I ~ifcを実装する `Node^I ］が除去されても，（それだけでは） `CSSRule$I から `CSSStyleSheet$I への参照は到達できなくなるわけではない。 ◎ Note: Removing a Node that implements the LinkStyle interface from a Document instance does not (by itself) cause the CSSStyleSheet referenced by a CSSRule to be unreachable.

6.4.3. `CSSStyleRule^I ~ifc

`CSSStyleRule$I ~ifcは`~CSS~style規則$を表現する。 ◎ The CSSStyleRule interface represents a style rule.

【 `~CSS~style規則@ とは、`選択子~list$と`~CSS宣言~block$の組である。 略して “~style規則” とも記される。 】

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

`selectorText@m

取得子は、次の結果を返すモノトスル ⇒ `選択子~listを直列化する$( 結付けられている`選択子~list$ ) ◎ The selectorText attribute, on getting, must return the result of serializing the associated group of selectors.

設定子は、次を走らすモノトスル： ◎ On setting the selectorText attribute these steps must be run:

1. %~list ~LET `選択子~listとして構文解析する$( 所与の値 ) ◎ Run the parse a group of selectors algorithm on the given value.
2. ~IF［ %~list ~NEQ ~NULL ］ ⇒ 結付けられている`選択子~list$ ~SET %~list ◎ If the algorithm returns a non-null value replace the associated group of selectors with the returned value. ◎ Otherwise, if the algorithm returns a null value, do nothing.

`style@m

取得子は、［ 次のようにされた，~style規則 ］を表現する `CSSStyleDeclaration$I ~objを返すモノトスル ⇒＃ `読専~flag$ ~SET ~OFF, `宣言列$ ~SET この規則の中で宣言された一連の宣言からなる，`指定d順$による宣言列, `親~CSS規則$ ~SET 此れ, `所有者~node$ ~SET ~NULL ◎ The style attribute must return a CSSStyleDeclaration object for the style rule, with the following properties: ◎ readonly flag • Unset. declarations • The declared declarations in the rule, in specified order. parent CSS rule • The context object. owner node • Null.

`指定d順@ による宣言列とは、その順序は指定された順序と同じであるが，`略式~prop$については`正準的~順序$で`下位prop$たちに展開されているものを意味する。 同じ~propが（`略式~prop$の展開-後に）複数~回~現れる場合、~cascadingにおいて最高位のもののみが，指定された所に位置するものとして表現されるモノトスル。 `CSS3CASCADE$r ◎ The specified order for declarations is the same as specified, but with shorthand properties expanded into their longhand properties, in canonical order. If a property is specified more than once (after shorthand expansion), only the one with greatest cascading order must be represented, at the same relative position as it was specified. [CSS3CASCADE]

6.4.4. `CSSImportRule^I ~ifc

`CSSImportRule$I ~ifcは `import$at at-規則を表現する。 ◎ The CSSImportRule interface represents an @import at-rule.

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

`href@m

取得子は、 `import$at at-規則に指定された URL を返すモノトスル。 ◎ The href attribute must return the URL specified by the @import at-rule.

注記： 解決された URL を取得するには，結付けられている`~CSS~ss$の `StyleSheet.href$m 属性を利用する。 ◎ Note: To get the resolved URL use the href attribute of the associated CSS style sheet.

`media@m

取得子は、結付けられている`~CSS~ss$の `StyleSheet.media$m 属性の値を返すモノトスル。 ◎ The media attribute must return the value of the media attribute of the associated CSS style sheet.

`styleSheet@m

取得子は、結付けられている`~CSS~ss$を返すモノトスル。 ◎ The styleSheet attribute must return the associated CSS style sheet.

注記： `import$at at-規則には常に`~CSS~ss$が結付けられる。 ◎ Note: An @import at-rule always has an associated CSS style sheet.

6.4.5. `CSSGroupingRule^I ~ifc

`CSSGroupingRule$I ~ifcは 自身の内部に他の規則を入子にする at-規則を表現する。 ◎ The CSSGroupingRule interface represents an at-rule that contains other rules nested inside itself.

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

`cssRules@m

取得子は、此れの`子~規則列$を表現する `CSSRuleList$I ~objを返すモノトスル。 ◎ The cssRules attribute must return a CSSRuleList object for the child CSS rules.

`insertRule(rule, index)@m

被呼出時には、次の結果を返すモノトスル ⇒ `~index番の規則として挿入する$( 此れの`子~規則列$, %rule, %index ) ◎ The insertRule(rule, index) method must return the result of invoking insert a CSS rule rule into the child CSS rules at index.

`deleteRule(index)@m

被呼出時には、次を走らすモノトスル ⇒ `~index番の規則を除去する$( 此れの`子~規則列$, %index ) ◎ The deleteRule(index) method must remove a CSS rule from the child CSS rules at index.

6.4.6. `CSSMediaRule^I ~ifc

`CSSMediaRule$I ~ifcは、 `CSS3-CONDITIONAL$r にて定義される。 ◎ The CSSMediaRule interface is defined in CSS Conditional Rules. [CSS3-CONDITIONAL]

6.4.7. `CSSPageRule^I ~ifc

`CSSPageRule$I ~ifcは `page$at at-規則を表現する。 ◎ The CSSPageRule interface represents an @page at-rule.

`~CSS頁~選択子~list$を `構文解析-@page ／ `直列化-@page するための~~規則を定義する必要がある。 ◎ Need to define the rules for parse a list of CSS page selectors and serialize a list of CSS page selectors.

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

`selectorText@m

取得子は、［ 結付けられている`~CSS頁~選択子~list$を `直列化-$pageした結果 ］を返すモノトスル。 ◎ The selectorText attribute, on getting, must return the result of serializing the associated list of CSS page selectors.

設定子は、次を走らすモノトスル： ◎ On setting the selectorText attribute these steps must be run:

1. %値 ~LET `~CSS頁~選択子~listとして構文解析する$( 所与の値 ) ◎ Run the parse a list of CSS page selectors algorithm on the given value.
2. ~IF［ %値 ~NEQ ~NULL ］ ⇒ 結付けられている`~CSS頁~選択子~list$ ~SET %値 ◎ If the algorithm returns a non-null value replace the associated list of CSS page selectors with the returned value. ◎ Otherwise, if the algorithm returns a null value, do nothing.

`style@m

取得子は、［ 次のようにされた， `page$at at-規則 ］を表現する `CSSStyleDeclaration$I ~objを返すモノトスル ⇒＃ `読専~flag$ ~SET ~OFF, `宣言列$ ~SET この規則の中で宣言された一連の宣言からなる，`指定d順$による宣言列, `親~CSS規則$ ~SET 此れ, `所有者~node$ ~SET ~NULL ◎ The style attribute must return a CSSStyleDeclaration object for the @page at-rule, with the following properties: ◎ readonly flag • Unset. declarations • The declared declarations in the rule, in specified order. parent CSS rule • The context object. owner node • Null.

6.4.8. `CSSMarginRule^I ~ifc

`CSSMarginRule$I ~ifcは `page$at at-規則の中の `~margin at-規則$ （例えば `top-left^at ）を表現する。 `CSS3PAGE$r ◎ The CSSMarginRule interface represents a margin at-rule (e.g. @top-left) in an @page at-rule. [CSS3PAGE]

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

`name@m

取得子は、`~margin at-規則$の名前を返すモノトスル。 文字 @ は名前に含まれない。 `CSS3SYN$r ◎ The name attribute must return the name of the margin at-rule. The @ character is not included in the name. [CSS3SYN]

`style@m

取得子は、［ 次のようにされた， `~margin at-規則$ ］を表現する `CSSStyleDeclaration$I ~objを返すモノトスル ⇒＃ `読専~flag$ ~SET ~OFF, `宣言列$ ~SET この規則の中で宣言された一連の宣言からなる，`指定d順$による宣言列, `親~CSS規則$ ~SET 此れ, `所有者~node$ ~SET ~NULL ◎ The style attribute must return a CSSStyleDeclaration object for the margin at-rule, with the following properties: ◎ readonly flag • Unset. declarations • The declared declarations in the rule, in specified order. parent CSS rule • The context object. owner node • Null.

6.4.9. `CSSNamespaceRule^I ~ifc

`CSSNamespaceRule$I ~ifcは `namespace$at at-規則を表現する。 ◎ The CSSNamespaceRule interface represents an @namespace at-rule.

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

`namespaceURI@m

取得子は、此れの~ns 【~ns URI】 を返すモノトスル。 ◎ The namespaceURI attribute must return the namespace of the @namespace at-rule.

`prefix@m

取得子は、次の結果を返すモノトスル ⇒ 此れの`~ns接頭辞$が在れば それ ／ 無ければ空~文字列 ◎ The prefix attribute must return the prefix of the @namespace at-rule or the empty string if there is no prefix.

6.6.1. `CSSStyleDeclaration^I ~ifc

`CSSStyleDeclaration$I ~ifcは，下層の状態も含めた`~CSS宣言~block$を表現する。 この下層の状態は `CSSStyleDeclaration$I ~instanceの~sourceに依存する。 ◎ The CSSStyleDeclaration interface represents a CSS declaration block, including its underlying state, where this underlying state depends upon the source of the CSSStyleDeclaration instance.

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

~objが`~supportする~prop~index$は、 0 以上［ 此れの`宣言列$に含まれている`~CSS宣言$の総数 ］未満とする。 ◎ The object’s supported property indices are the numbers in the range zero to one less than the number of CSS declarations in the declarations. If there are no such CSS declarations, then there are no supported property indices.

`cssText@m

取得子は、次の結果を返すモノトスル ⇒ `宣言列を直列化する$( 此れの`宣言列$ ) ◎ The cssText attribute must return the result of serializing the declarations.

設定子は、次を走らすモノトスル： ◎ Setting the cssText attribute must run these steps:

1. ~IF［ 此れの`読専~flag$ ~EQ ~ON ］ ⇒ ~THROW `NoModificationAllowedError$E ◎ If the readonly flag is set, then throw a NoModificationAllowedError exception.
2. 此れの`宣言列$を空にする ◎ Empty the declarations.
3. %items ~LET `~CSS宣言~blockとして構文解析する$( 所与の値 ) ◎ Parse the given value and,＼
4. %items を`指定d順$による~listにした結果を成す ~EACH( %宣言 ) に対し ⇒ 此れの`宣言列$に %宣言 に付加する ◎ if the return value is not the empty list, insert the items in the list into the declarations, in specified order.
5. 此れ用の`~style属性を更新する$ ◎ Update style attribute for the CSS declaration block.

`length@m

取得子は、此れの`宣言列$に含まれている`~CSS宣言$の個数を返すモノトスル。 ◎ The length attribute must return the number of CSS declarations in the declarations.

`item(index)@m

被呼出時には、此れの`宣言列$内の %index 番の`~CSS宣言$の`~prop名$を返すモノトスル。 ◎ The item(index) method must return the property name of the CSS declaration at position index.

`getPropertyValue(property)@m

被呼出時には、次を走らすモノトスル： ◎ The getPropertyValue(property) method must run these steps:

1. ~IF［ %property は`~custom~prop名$でない ］： ◎ If property is not a custom property, follow these substeps:

   1. %property ~LET `~ASCII小文字~化する$( %property ) ◎ Let property be property converted to ASCII lowercase.

   2. ~IF［ %property は `略式~prop$の名前である ］：

      1. %下位prop名~集合 ~LET %property のすべての`下位prop$の名前からなる集合
      2. %宣言~list ~LET［ 此れの`宣言列$内の~CSS宣言のうち，［ `~prop名$ ~IN %下位prop名~集合 ］なるもの ］からなる，`正準的~順序$による~list
      3. ~IF［ %宣言~list の~item数 ~LT %下位prop名~集合 の~item数 ］ ⇒ ~RET 空~文字列
      4. ~IF［ %宣言~list 内のすべての~CSS宣言の`~important~flag$は、互いに同じである ］ ⇒ ~RET `下位prop~listを直列化する$( %宣言~list )
      5. ~RET 空~文字列
      ◎ If property is a shorthand property, then follow these substeps: • Let list be a new empty array. • For each longhand property longhand that property maps to, in canonical order, follow these substeps: •• If longhand is a case-sensitive match for a property name of a CSS declaration in the declarations, let declaration be that CSS declaration, or null otherwise. •• If declaration is null, then return the empty string. •• Append the declaration to list. • If important flags of all declarations in list are same, then return the serialization of list. • Return the empty string.
2. ~IF［ 此れの`宣言列$内に `~prop名$ ~EQ %property なる`~CSS宣言$がある ］ ⇒ ~RET `~CSS値を直列化する$( その宣言 ) ◎ If property is a case-sensitive match for a property name of a CSS declaration in the declarations, then return the result of invoking serialize a CSS value of that declaration.
3. ~RET 空~文字列 ◎ Return the empty string.

`getPropertyPriority(property)@m

被呼出時には、次を走らすモノトスル： ◎ The getPropertyPriority(property) method must run these steps:

1. ~IF［ %property は`~custom~prop名$でない ］： ◎ If property is not a custom property, follow these substeps:

   1. %property ~LET `~ASCII小文字~化する$( %property ) ◎ Let property be property converted to ASCII lowercase.

   2. ~IF［ %property は`略式~prop$の名前である ］： ◎ If property is a shorthand property, follow these substeps:

      1. %property に対応する ~EACH( `下位prop$ %下位prop ) に対し ⇒ ~IF［ ( %下位prop ) を引数に 此れ上の `getPropertyPriority()$m を呼出した結果 ~NEQ `important^l ］ ⇒ ~RET 空~文字列 ◎ Let list be a new array. ◎ For each longhand property longhand that property maps to, append the result of invoking getPropertyPriority() with longhand as argument to list.
      2. ~RET `important^l ◎ If all items in list are the string "important", then return the string "important".
2. ~IF［ 此れの`宣言列$内に［ `~prop名$ ~EQ %property ］~AND［ `~important~flag$ ~EQ ~ON ］なる`~CSS宣言$はある ］ ⇒ ~RET `important^l ◎ If property is a case-sensitive match for a property name of a CSS declaration in the declarations that has the important flag set, return the string "important".
3. ~RET 空~文字列 ◎ Return the empty string.

例えば background-color:`lime^v !IMPORTANT; に対し 返される値は `important^l になるであろう。 ◎ E.g. for background-color:lime !IMPORTANT the return value would be "important".

`setProperty(property, value, priority)@m

被呼出時には、次を走らすモノトスル： ◎ The setProperty(property, value, priority) method must run these steps:

1. ~IF［ 此れの`読専~flag$ ~EQ ~ON ］ ⇒ ~THROW `NoModificationAllowedError$E ◎ If the readonly flag is set, then throw a NoModificationAllowedError exception.

2. ~IF［ %property は`~custom~prop名$でない ］： ◎ If property is not a custom property, follow these substeps:

   1. %property ~LET `~ASCII小文字~化する$( %property ) ◎ Let property be property converted to ASCII lowercase.
   2. ~IF［ %property は `~supportされる~CSS~prop$でない ］ ⇒ ~RET ◎ If property is not a case-sensitive match for a supported CSS property, then return.

3. ~IF［ %value ~EQ 空~文字列 ］：

   1. ( %property ) を引数に 此れ上の `removeProperty()$m を呼出す
   2. ~RET
   ◎ If value is the empty string, invoke removeProperty() with property as argument and return.
4. ~IF［ %priority ~NIN `~ACI$ { 空~文字列, `important^l } ］ ⇒ ~RET ◎ If priority is not the empty string and is not an ASCII case-insensitive match for the string "important", then return.

5. %成分値~list ~LET `~CSS値として構文解析する$( %value, %property ) ◎ Let component value list be the result of parsing value for property property.

   注記： %value は `!important^l を含み得ない。 ◎ Note: value can not include "!important".

6. ~IF［ %成分値~list ~EQ ~NULL ］ ⇒ ~RET ◎ If component value list is null, then return.
7. %~important~flag ~LET ［ %priority ~NEQ 空~文字列ならば ~ON ／ ~ELSE_ ~OFF ］ ◎ ↓
8. %更新あり ~LET ~F ◎ Let updated be false.

9. ~IF［ %property はある`略式~prop$の名前である ］ ⇒ %property に対応する ~EACH( `下位prop$ %下位prop ) に対し, `正準的~順序$で ⇒ %更新あり ~SET 次を走らせた結果が［ ~T ならば ~T ／ ~F ならば %更新あり ］ ⇒ `~CSS宣言を設定する$( 此れの`宣言列$, %下位prop, %成分値~list 内の %下位prop を成す部分, %~important~flag ) ◎ If property is a shorthand property, then for each longhand property longhand that property maps to, in canonical order, follow these substeps: • Let longhand result be the result of set the CSS declaration longhand with the appropriate value(s) from component value list, with the important flag set if priority is not the empty string, and unset otherwise, and with the list of declarations being the declarations. • If longhand result is true, let updated be true.

10. ~ELSE ⇒ %更新あり ~LET `~CSS宣言を設定する$( 此れの`宣言列$, %property, %成分値~list, %~important~flag ) ◎ Otherwise, let updated be the result of set the CSS declaration property with value component value list, with the important flag set if priority is not the empty string, and unset otherwise, and with the list of declarations being the declarations.
11. ~IF［ %更新あり ~EQ ~T ］ ⇒ 此れ用の`~style属性を更新する$ ◎ If updated is true, update style attribute for the CSS declaration block.

`~CSS宣言を設定する@ ときは、所与の ( %宣言~list, %~prop名, %成分値~list, %~important~flag ) に対し，［ 遂行した後に，次に挙げるすべての拘束を保持する ］ような手続きを走らすモノトスル： ◎ To set a CSS declaration property with a value component value list and optionally with an important flag set, in a list of declarations declarations, the user agent must ensure the following constraints hold after its steps:

• %宣言~list 内に［ `~prop名$ ~EQ %~prop名 ］を満たす`~CSS宣言$が正確に 1 個だけ存在する — 該当する宣言は、以下では %~target宣言 と記される。 ◎ Exactly one CSS declaration whose property name is a case-sensitive match of property must exist in declarations. Such declaration is referenced as the target declaration below.
• %~target宣言 の値 ~EQ %成分値~list ◎ The target declaration must have value being component value list, and＼
• %~target宣言 の`~important~flag$ ~EQ %~important~flag ◎ target declaration’s important flag must be set if important flag is set, and unset otherwise.
• %宣言~list 内に在った， %~target宣言 以外の どの`~CSS宣言$も［ 変更-／挿入-／除去- ］されていない。 ◎ Any CSS declaration which is not the target declaration must not be changed, inserted, or removed from declarations.
• %宣言~list 内には、%~target宣言 より後には，次を満たす`~CSS宣言$ %宣言 は無い ⇒ ［ %宣言 の`~prop名$, %~prop名 ］は、同じ`論理~prop~group$に属するが，`対応付け~logic$は異なる ◎ If there are CSS declarations in declarations whose property name is in the same logical property group as property, but has a different mapping logic, target declaration must be at an index after all of those CSS declarations.
• 手続きは、次を返す ⇒＃ %宣言~list の直列化が変化したならば ~T ／ ~ELSE_ ~F ◎ The steps must return true if the serialization of declarations was changed as result of the steps. It may return false otherwise.

“%宣言~list の外側では，観測-可能な いかなる副作用も生じないモノトスル” の様な何かを追加するべきか？ 現在の拘束は、定義されない挙動について，穴がありそうだ。 ◎ Should we add something like "Any observable side effect must not be made outside declarations"? The current constraints sound like a hole for undefined behavior.

注記： `~CSS宣言を設定する$ための【具体的な】手続きは、この~levelの~CSSOMにおいては定義されない。 ~UAは、上の拘束が保持される限り，異なる~algoを利用してもヨイ。 ◎ Note: The steps of set a CSS declaration are not defined in this level of CSSOM. User agents may use different algorithms as long as the constraints above hold.

拘束に適合する最も単純な仕方は、常に， %~prop名 に合致している~any既存の宣言は除去して，新たな宣言を末尾に付加するものになるであろう。 が、実装~feedbackから，この~approachは処理能を~~犠牲にする見込みが高い。 ◎ The simplest way to conform with the constraints would be to always remove any existing declaration matching property, and append the new declaration to the end. But based on implementation feedback, this approach would likely regress performance.

可能な別の~algoは： ◎ Another possible algorithm is:

1. ~IF［ %宣言~list 内に［ `~prop名$ ~EQ %~prop名 ］を満たす`~CSS宣言$ %~target宣言 が在る ］： ◎ If property is a case-sensitive match for a property name of a CSS declaration in declarations, follow these substeps: • Let target declaration be such CSS declaration.

   1. %付加する必要がある ~LET ~F ◎ Let needs append be false.

   2. %宣言~list 内の %~target宣言 より後にある ~EACH( %宣言 ) に対し： ◎ For each declaration in declarations after target declaration:

      1. ~IF［［ %宣言 の`~prop名$, %~prop名 ］は、同じ`論理~prop~group$に属する ］ ⇒ ~CONTINUE ◎ If declaration’s property name is not in the same logical property group as property, then continue.
      2. ~IF［［ %宣言 の`~prop名$, %~prop名 ］の`対応付け~logic$は同じである ］ ⇒ ~CONTINUE ◎ If declaration’ property name has the same mapping logic as property, then continue.
      3. %付加する必要がある ~LET ~T ◎ Let needs append be true.
      4. ~BREAK ◎ Break.

   3. ~IF［ %付加する必要がある ~EQ ~F ］ ⇒ : ◎ If needs append is false, then:

      1. %更新する必要がある ~LET ~F ◎ Let needs update be false.
      2. ~IF［ %~target宣言 の`値$ ~NEQ %成分値~list ］ ⇒ %更新する必要がある ~LET ~T ◎ If target declaration’s value is not equal to component value list, then let needs update be true.
      3. ~IF［ %~target宣言 の`~important~flag$ ~NEQ %~important~flag ］ ⇒ %更新する必要がある ~LET ~T ◎ If target declaration’s important flag is not equal to whether important flag is set, then let needs update be true.
      4. ~IF［ %更新する必要がある ~EQ ~F ］ ⇒ ~RET ~F ◎ If needs update is false, then return false.
      5. %~target宣言 の`値$ ~SET %成分値~list ◎ Set target declaration’s value to component value list.
      6. %~target宣言 の`~important~flag$ ~SET %~important~flag ~EQ ~ON ◎ If important flag is set, then set target declaration’s important flag, otherwise unset it.
      7. ~RET ~T ◎ Return true.
   4. ~ELSE ⇒ %宣言~list から %~target宣言 を除去する ◎ Otherwise, remove target declaration from declarations.
2. %宣言~list に次のようにされた新たな`~CSS宣言$を付加する ⇒＃ `~prop名$ ~SET %~prop名, `値$ ~SET %成分値~list, `~important~flag$ ~SET %~important~flag ◎ Append a new CSS declaration with property name property, value component value list, and important flag set if important flag is set to declarations.
3. ~RET ~T ◎ Return true.

`removeProperty(property)@m

被呼出時には、次を走らすモノトスル： ◎ The removeProperty(property) method must run these steps:

1. ~IF［ 此れの`読専~flag$ ~EQ ~ON ］ ⇒ ~THROW `NoModificationAllowedError$E ◎ If the readonly flag is set, then throw a NoModificationAllowedError exception.
2. ~IF［ %property は`~custom~prop名$でない ］ ⇒ %property ~SET `~ASCII小文字~化する$( %property ) ◎ If property is not a custom property, let property be property converted to ASCII lowercase.
3. %値 ~LET ( %property ) を引数に 此れ上の `getPropertyValue()$m を呼出した結果 ◎ Let value be the return value of invoking getPropertyValue() with property as argument.
4. 此れの`宣言列$から［ `~prop名$ ~IN 次に与える集合 ］なる`~CSS宣言$をすべて除去する ⇒＃ %property は ある`略式~prop$の名前であるならば 対応する`下位prop$の集合 ／ ~ELSE_ %property のみからなる集合 ◎ Let removed be false. ◎ If property is a shorthand property, for each longhand property longhand that property maps to: • If longhand is not a property name of a CSS declaration in the declarations, continue. • Remove that CSS declaration and let removed be true. ◎ Otherwise, if property is a case-sensitive match for a property name of a CSS declaration in the declarations, remove that CSS declaration and let removed be true.
5. ~IF［ 前~段にて除去された`~CSS宣言$はある ］ ⇒ 此れ用の`~style属性を更新する$ ◎ If removed is true, Update style attribute for the CSS declaration block.
6. ~RET %値 ◎ Return value.

`parentRule@m

取得子は、此れの`親~CSS規則$を返すモノトスル。 ◎ The parentRule attribute must return the parent CSS rule.

`cssFloat@m

取得子は、次の結果を返すモノトスル ⇒ ( `float^l ) を引数に 此れ上の `getPropertyValue()$m を呼出した結果 ◎ The cssFloat attribute, on getting, must return the result of invoking getPropertyValue() with float as argument.＼

設定子は、次を走らすモノトスル ⇒ 次を引数に 此れ上の `setProperty()$m を呼出す（例外は再投出する） ⇒ ( `float^l, 所与の値 ) （ 3 個目の引数は省略する） ◎ On setting, the attribute must invoke setProperty() with float as first argument, as second argument the given value, and no third argument. Any exceptions thrown must be re-thrown.

`~supportされる~CSS~prop$に含まれる各~propに対し、次の部分的~ifcが適用される。 ここで， ~camel_cased_attr は、次の結果で与えられる名前とする ⇒ `~IDL属性~名に変換する$( その~prop名 ) ◎ For each CSS property property that is a supported CSS property, the following partial interface applies where camel-cased attribute is obtained by running the CSS property to IDL attribute algorithm for property.

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

【 ~IDLにおける先頭の ❝_ は、属性の識別子の一部ではなく，~IDL構文の一部（~escape）であることに注意。 】

`~camel_cased_attr@m

取得子は、次の結果を返すモノトスル ⇒ 次を引数に 此れ上の `getPropertyValue()$m を呼出す ⇒ ( `~CSS~prop名に変換する$( この属性の名前 ) ) ◎ The camel-cased attribute attribute, on getting, must return the result of invoking getPropertyValue() with the argument being the result of running the IDL attribute to CSS property algorithm for camel-cased attribute.

設定子は、次を走らすモノトスル ⇒ 次を引数に 此れ上の `setProperty()$m を呼出す（例外は再投出する） ⇒ ( `~CSS~prop名に変換する$( この属性の名前 ), 所与の値 ) （ 3 個目の引数は省略する） ◎ Setting the camel-cased attribute attribute must invoke setProperty() with the first argument being the result of running the IDL attribute to CSS property algorithm for camel-cased attribute, as second argument the given value, and no third argument. Any exceptions thrown must be re-thrown.

例えば `font-size$p ~propに対しては， `fontSize^m ~IDL属性が在ることになる。 ◎ For example, for the font-size property there would be a fontSize IDL attribute.

~propのうち［ `~supportされる~CSS~prop$である ］~AND［ その名前の頭部は文字列 `-webkit-^l に一致する ］ものには、次の部分的~ifcが適用される。 ここで， ~webkit_cased_attr は、次の結果で与えられる名前とする ⇒ `~IDL属性~名に変換する$( その~propの名前, %小文字先頭~flag ~SET ~ON ) ◎ For each CSS property property that is a supported CSS property and that begins with the string -webkit-, the following partial interface applies where webkit-cased attribute is obtained by running the CSS property to IDL attribute algorithm for property, with the lowercase first flag set.

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

`~webkit_cased_attr@m

取得子は、次の結果を返すモノトスル ⇒ ( 下に与える %属性~名 ) を引数に 此れ上の `getPropertyValue()$m を呼出す ◎ The webkit-cased attribute attribute, on getting, must return the result of invoking getPropertyValue() with the argument being the result of running the IDL attribute to CSS property algorithm for webkit-cased attribute, with the dash prefix flag set.

設定子は、次を走らすモノトスル ⇒ 次を引数に 此れ上の `setProperty()$m を呼出す（例外は再投出する） ⇒ ( 下に与える %属性~名, 所与の値 ) （ 3 個目の引数は省略する） ◎ Setting the webkit-cased attribute attribute must invoke setProperty() with the first argument being the result of running the IDL attribute to CSS property algorithm for webkit-cased attribute, with the dash prefix flag set, as second argument the given value, and no third argument. Any exceptions thrown must be re-thrown.

ここでの %属性~名 は、次の結果で与えられるとする ⇒ `~CSS~prop名に変換する$( この属性の名前, %接頭dash~flag ~SET ~ON ) ◎ ↑

例えば，~UAが `-webkit-transform^p ~propを~supportするならば、 `webkitTransform^m ~IDL属性が在ることになる。 `~camel_cased_attr$m 属性~用の規則により， `WebkitTransform^m ~IDL属性も在ることになる。 ◎ For example, if the user agent supports the -webkit-transform property, there would be a webkitTransform IDL attribute. There would also be a WebkitTransform IDL attribute because of the rules for camel-cased attributes.

［ `~supportされる~CSS~prop$であって，かつ ~prop名に ❝- が含まれる ］ような，各 %~prop に対しては、次の部分的~ifcが適用される — ここで，~dashed_attr は その %~prop の名前とする： ◎ For each CSS property property that is a supported CSS property, except for properties that have no "-" (U+002D) in the property name, the following partial interface applies where dashed attribute is property.

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

`~dashed_attr@m

取得子は、次の結果を返すモノトスル ⇒ ( この属性の名前 ) を引数に 此れ上の `getPropertyValue()$m を呼出す ◎ The dashed attribute attribute, on getting, must return the result of invoking getPropertyValue() with the argument being dashed attribute.

設定子は、次を走らすモノトスル ⇒ 次を引数に 此れ上の `setProperty()$m を呼出す（例外は再投出する） ⇒ ( この属性の名前, 所与の値 ) （ 3 個目の引数は省略する） ◎ Setting the dashed attribute attribute must invoke setProperty() with the first argument being dashed attribute, as second argument the given value, and no third argument. Any exceptions thrown must be re-thrown.

例えば `font-size$p ~propに対しては、~IDL属性 `font-size^m が在ることになる。 JavaScript においては、 %要素 を ~HTML要素 とするとき，この~propは 次の様に~accessできる： ◎ For example, for the 'font-size' property there would be a font-size IDL attribute. In JavaScript, the property can be accessed as follows, assuming element is an HTML element:

%要素.style['font-size'];

`~IDL属性~名に変換する@ ~algoは、所与の ( %~prop名, %小文字先頭~flag （省略時は ~OFF） ) に対し，次に従う： ◎ The CSS property to IDL attribute algorithm for property, optionally with a lowercase first flag set, is as follows:

1. %出力 ~LET 空~文字列 ◎ Let output be the empty string.
2. %次~大文字~化 ~LET ~F ◎ Let uppercase next be unset.
3. ~IF［ %小文字先頭~flag ~EQ ~ON ］ ⇒ %~prop名 から最初の文字を除去する ◎ If the lowercase first flag is set, remove the first character from property.

4. %~prop名 を成す ~EACH( 文字 %c ) に対し： ◎ For each character c in property:

   1. ~IF［ %c ~EQ ❝- ］ ⇒＃ %次~大文字~化 ~SET ~T； ~CONTINUE ◎ If c is "-" (U+002D), let uppercase next be set.
   2. ~IF［ %次~大文字~化 ~EQ ~T ］ ⇒＃ %次~大文字~化 ~SET ~F； %c ~SET `~ASCII大文字~化する$( %c ) ◎ Otherwise, if uppercase next is set, let uppercase next be unset and append c converted to ASCII uppercase to output.
   3. %出力 に %c を付加する ◎ Otherwise, append c to output.
5. ~RET %出力 ◎ Return output.

`~CSS~prop名に変換する@ ~algoは、所与の ( %~IDL属性~名, %接頭dash~flag （省略時は ~OFF ）) に対し，次に従う： ◎ The IDL attribute to CSS property algorithm for attribute, optionally with a dash prefix flag set, is as follows:

1. %出力 ~LET 空~文字列 ◎ Let output be the empty string.
2. ~IF［ %接頭dash~flag ~EQ ~ON ］ ⇒ %出力 に ❝- を付加する ◎ If the dash prefix flag is set, append "-" (U+002D) to output.

3. %~IDL属性~名 を成す ~EACH( 文字 %c ) に対し： ◎ For each character c in attribute:

   1. ~IF［ %c ~IN { ❝A 〜 ❝Z } ］ ⇒ %出力 に次の連結を付加する ⇒＃ ❝-, `~ASCII小文字~化する$( %c ) ◎ If c is in the range U+0041 to U+005A (ASCII uppercase), append "-" (U+002D) followed by c converted to ASCII lowercase to output.
   2. ~ELSE ⇒ %出力 に %c を付加する ◎ Otherwise, append c to output.
4. ~RET %出力 ◎ Return output.

6.7.1. ~CSS値の構文解析法

`~CSS値として構文解析する@ ときは、所与の ( %値, %~prop名 ) に対し，次を走らす： ◎ To parse a CSS value value for a given property means to follow these steps:

1. %~list ~LET %値 から 成分値~listを構文解析- した結果 ◎ Let list be the value returned by invoking parse a list of component values from value.
2. ~IF［ %~list は~CSS仕様の［ 名前 %~prop名 の~prop ］の文法に合致する ］ ⇒ ~RET %~list ◎ Match list against the grammar for the property property in the CSS specification.
3. ~RET ~NULL ◎ If the above step failed, return null. ◎ Return list.

注記： `!important^l 宣言は、~propの値~空間の一部を成さないので， `~CSS値として構文解析する$ の結果は~NULLになる。 ◎ Note: "!important" declarations are not part of the property value space and will therefore cause parse a CSS value to return null.

6.7.2. ~CSS値の直列化-法

`下位prop~listを直列化する@ ときは、所与の ( `下位prop$の`~CSS宣言$からなる~list %~list ) に対し，次を走らす： ◎ To serialize a CSS value of a CSS declaration declaration or a list of longhand CSS declarations list, follow these rules: • If this algorithm is invoked with a list list:

1. ~IF［ %~list の中のすべての`下位prop$に正確に対応する`略式~prop$はある ］~AND［ 該当する~propのうち`選好d順$において最初に来るもの %P は、それらの下位propの値が成す組を正確に表現できる値 %値 をとれる ］ ⇒ ~RET `~CSS値を直列化する$( 次のようにされた`~CSS宣言$ ) ⇒＃ `~prop名$ ~SET %P, `値$ ~SET %値

   ◎ Let shorthand be the first shorthand property, in preferred order, that exactly maps to all of the longhand properties in list. ◎ If there is no such shorthand or shorthand cannot exactly represent the values of all the properties in list, return the empty string. ◎ Otherwise, serialize a CSS value from a hypothetical declaration of the property shorthand with its value representing the combined values of the declarations in list.
2. ~RET 空~文字列 ◎ ↑

【 上の~algoは，原文では次の~algoと一緒にされて定義されているが、表記上の都合により，この訳では 2 つに分割している。 】【 上の~algoも次の~algoも、［ `~important~flag$, `大小区別~flag$ ］については，何も言及していない（これらの~flagは、関係しないので直列化されることもない？）。 】

`~CSS値を直列化する@ ときは、所与の ( `~CSS宣言$ %宣言 ) に対し，次を走らす： ◎ ↑

1. %P ~LET %宣言 の`~prop名$ ◎ ↓

2. %成分~list ~LET ［ 何らかの文字列を %P の`文法に則って構文解析-$した結果に一致する, かつ 次をすべて満たす ］ような~CSS成分~値たちが成す`~list$：

   • 成分~値たちは、%宣言 の`値$と同じ意味を表現する。
   • 成分~値たちは、前項までの条件を満たす下で，可能な限り後方互換である。
   • 成分~値たちの順序は、前項までの条件を満たす下で，可能な限り %P の~prop定義表に与えられる正準的~順序に従う。
   • 成分~値たちの個数は、前項までの条件を満たす~~範囲で，最小である。
   • 各 成分~値は、前項までの条件を満たす~~範囲で，最短の表現である。

   ◎ Represent the value of the declaration as a list of CSS component values components that, when parsed according to the property’s grammar, would represent that value. Additionally: • If certain component values can appear in any order without changing the meaning of the value (a pattern typically represented by a double bar || in the value syntax), reorder the component values to use the canonical order of component values as given in the property definition table. • If component values can be omitted or replaced with a shorter representation without changing the meaning of the value, omit/replace them. • If either of the above syntactic translations would be less backwards-compatible, do not perform them.

   注記： ここに述べた規則は、直列化の一般~原則を要旨する。 旧来の理由から、一部の~propは異なる方式で直列化するが，ここには意図的に定義されない ` due to lack of resources. Please consult your local reverse-engineer for details.^en ◎ Note: The rules described here outlines the general principles of serialization. For legacy reasons, some properties serialize in a different manner, which is intentionally undefined here due to lack of resources. Please consult your local reverse-engineer for details.

3. %結果 ~LET 空~文字列 ◎ ↓

4. %成分~list を成す ~EACH( %成分~値 ) に対し：

   1. ~IF［ %成分~値 は `whitespace-token$t である ］ ⇒ ~CONTINUE
   2. ~IF［ %成分~値 ~EQ ❝, ］ ⇒＃ %結果 に ❝, を付加する； ~CONTINUE
   3. ~IF［ %結果 ~NEQ 空~文字列 ］ ⇒ %結果 に ~SP を付加する
   4. %結果 に次を付加する ⇒ `~CSS成分値を直列化する$( %成分~値 )
   ◎ Remove any <whitespace-token>s from components. ◎ Replace each component value in components with the result of invoking serialize a CSS component value. ◎ Join the items of components into a single string, inserting " " (U+0020 SPACE) between each pair of items unless the second item is a "," (U+002C COMMA) Return the result.
5. ~RET %結果 ◎ ↑

`~CSS成分値を直列化する@ ときは、所与の %値 に対し，その型に応じて 次に従う： ◎ To serialize a CSS component value depends on the component, as follows:

~keyword値

~RET `~ASCII小文字~化する$( %値 ) ◎ The keyword converted to ASCII lowercase.

`angle$t

~RET 次の連結 ⇒＃ %値 の `number^t 成分を `number^t として直列化した結果, %値 の単位を表す 当該の仕様にて定義される正準形の文字列 ◎ The <number> component serialized as per <number> followed by the unit in canonical form as defined in its respective specification.

おそらく、［ 指定d値, 算出d値, 解決d値 ］を判別するべきである。 ◎ Probably should distinguish between specified and computed / resolved values.

`color$t

1. ~IF［ %値 は`解決d値$または`算出d値$の成分である ］： ◎ If <color> is a component of a resolved or computed value, then return the color using the rgb() or rgba() functional notation as follows:

   （これは `rgb()^l ／ `rgba()^l 関数記法による直列化を与える） ◎ If the alpha component of the color is equal to one, then return the serialization of the rgb() functional equivalent of the opaque color. ◎ If the alpha component of the color is not equal to one, then return the serialization of the rgba() functional equivalent of the non-opaque color. ◎ The serialization of the rgb() functional equivalent is the concatenation of the following:

   1. %alpha ~LET %値 が表現する色の alpha 成分
   2. %結果 ~LET ［ %alpha ~EQ 1 （不透明）ならば `rgb(^l ／ ~ELSE_ `rgba(^l ］ ◎ The string "rgb(". ◎ The shortest base-ten integer serialization of the color’s red component. ◎ The string ", ". ◎ The shortest base-ten serialization of the color’s green component. ◎ The string ", ". ◎ The shortest base-ten serialization of the color’s blue component. ◎ The string ")". ◎ The serialization of the rgba() functional equivalent is the concatenation of the following: ◎ The string "rgba(".
   3. %RGB ~LET %値 が表現する色の ( red, green, blue ) 成分【 0 〜 255 の整数】 を，順に 最短の基数10整数 に直列化して得られる長さ 3 の~list ◎ The shortest base-ten serialization of the color’s red component. ◎ The string ", ". ◎ The shortest base-ten serialization of the color’s green component. ◎ The string ", ". ◎ The shortest base-ten serialization of the color’s blue component.
   4. ~IF［ %alpha ~NEQ 1 ］ ⇒ %RGB に［ %alpha を `alphavalue^t として直列化した結果 ］を付加する ◎ The string ", ". ◎ The serialization of the color’s alpha component as an <alphavalue>.
   5. %結果 に次の連結を付加する ⇒＃ `~comma区切りで直列化する$( %RGB ), ❝) ◎ The string ")". ◎ In the above rules, the string ", " denotes a COMMA (U+002C) followed by a single SPACE (U+0020).
   6. ~RET %結果 ◎ ↑

2. ~ELSE（ %値 は`指定d値$の成分である）： ◎ If <color> is a component of a specified value, then return the color as follows:

   1. ~IF［ %値 が表現する色は 作者により明示的に指定されたものである ］ ⇒ ~RET 作者により指定された元の（文字列としての）色~値 ◎ If the color was explicitly specified by the author, then return the original, author specified color value.
   2. ~RET `算出d値$の成分であったとしたときに返されることになる値 ◎ Otherwise, return the value that would be returned if the color were a component of a computed value.

   作者による`指定d値$における文字大小は、正規化すべきか？ あるいは，保全されるべきか？ ◎ Should author specified values be normalized for case? Or should original case be preserved?

`alphavalue^t

~IF［ %値 は内部的に 0 〜 255 の範囲の整数（すなわち， 8-bit 符号なし整数）として表現されている ］： ◎ If the value is internally represented as an integer between 0 and 255 inclusive (i.e. 8-bit unsigned integer), follow these steps:

1. %alpha ~LET その整数 ◎ Let alpha be the given integer.
2. ~IF［ 0 〜 100 の範囲の整数のうち, ［［ 2.55 倍してから最も近い整数に丸めた結果（二数が等距離にある場合は切り上げる） ］ ~EQ %alpha ］になるものがある ］ ⇒ %rounded ~LET その整数 ÷ 100 ◎ If there exists an integer between 0 and 100 inclusive that, when multiplied with 2.55 and rounded to the closest integer (rounding up if two values are equally close), equals alpha, let rounded be that integer divided by 100.
3. ~ELSE ⇒ %rounded ~LET %alpha ÷ 0.255 を最も近い整数に丸めた結果（二数が等距離にある場合は切り上げる） ÷ 1000 ◎ Otherwise, let rounded be alpha divided by 0.255 and rounded to the closest integer (rounding up if two values are equally close), divided by 1000.
4. ~RET %rounded を `number^t として直列化した結果 ◎ Return the result of serializing rounded as a <number>.

~RET %値 を `number^t として直列化した結果 ◎ Otherwise, return the result of serializing the given value as a <number>.

`counter^t

1. %~list ~LET %値 を成す一連の~CSS成分値からなる~list ◎ ↓
2. %結果 ~LET %~list 内の~item数に応じて ⇒＃ 3 個ならば `counters(^l ／ 2 個ならば `counter(^l ◎ The return value of the following algorithm: ◎ Let s be the empty string. ◎ If <counter> has three CSS component values append the string "counters(" to s. ◎ If <counter> has two CSS component values append the string "counter(" to s. ◎ Let list be a list of CSS component values belonging to <counter>,＼
3. ~IF［ %~list 内の最後の~item ~EQ `decimal^l ］ ⇒ %~list から最後の~itemを除去する ◎ omitting the last CSS component value if it is "decimal".
4. %~list ~SET %~list 内の各~itemに `~CSS成分値を直列化する$を適用して得られる同順の~list
5. %結果 に次の連結を付加する ⇒＃ `~comma区切りで直列化する$( %~list ), ❝) ◎ Let each item in list be the result of invoking serialize a CSS component value on that item. ◎ Append the result of invoking serialize a comma-separated list on list to s. ◎ Append ")" (U+0029) to s.
6. ~RET %結果 ◎ Return s.

`frequency$t

~RET 次の連結 ⇒＃ %値 の `number^t 成分を `number^t として直列化した結果, %値 の単位を表す 当該の仕様にて定義される正準形の文字列 ◎ The <number> component serialized as per <number> followed by the unit in its canonical form as defined in its respective specification.

おそらく、［ 指定d値, 算出d値, 解決d値 ］を判別するべきである。 ◎ Probably should distinguish between specified and computed / resolved values.

`identifier$t

~RET 次の結果 ⇒ `識別子を直列化する$( %値 ) ◎ The identifier serialized as an identifier.

`integer$t

1. %結果 ~LET ［ %値 は負ならば ❝- ／ ~ELSE_ 空~文字列 ］
2. %結果 に次を付加する ⇒ %値 を表す ❝0 〜 ❝9 からなる最短形の基数10整数
3. ~RET %結果

◎ A base-ten integer using digits 0-9 (U+0030 to U+0039) in the shortest form possible, preceded by "-" (U+002D) if it is negative.

`length$t

~RET 次の連結 ⇒＃ %値 の `number^t 成分を `number^t として直列化した結果, %値 の単位を表す 当該の仕様にて定義される正準形の文字列 ◎ The <number> component serialized as per <number> followed by the unit in its canonical form as defined in its respective specification.

おそらく、［ 指定d値, 算出d値, 解決d値 ］を判別するべきである。 ◎ Probably should distinguish between specified and computed / resolved values.

`number$t

~RET %値 を表す ❝0 〜 ❝9 からなる最短形の基数10数 — 小数部がある場合は ❝. で区切った上で， 【小数部が？】 6 桁を超えるときは値を丸め、負の場合は ❝- を前置する ◎ A base-ten number using digits 0-9 (U+0030 to U+0039) in the shortest form possible, using "." to separate decimals (if any), rounding the value if necessary to not produce more than 6 decimals, preceded by "-" (U+002D) if it is negative.

注記： 科学的記数法は利用されない。 ◎ Note: scientific notation is not used.

`percentage$t

~RET 次の連結 ⇒＃ %値 の `number^t 成分を `number^t として直列化した結果, ❝% ◎ The <number> component serialized as per <number> followed by the literal string "%" (U+0025).

`resolution$t

~RET 次の連結 ⇒＃ %値 が表現する， 1 `~CSS~pixel$あたりの~dot数による解像度を `number^t として直列化した結果, `dppx^l ◎ The resolution in dots per CSS pixel serialized as per <number> followed by the literal string "dppx".

`shape$t

~RET 次の連結 ⇒＃ `rect(^l, `~comma区切りで直列化する$( %値 を成す各 ~CSS成分値に`~CSS成分値を直列化する$を適用して得られる同順の~list ), ❝) ◎ The return value of the following algorithm: • Let s be the string "rect(". • Let list be a list of the CSS component values belonging to <shape>. • Let each item in list be the result of invoking serialize a CSS component value of that item. • Append the result of invoking serialize a comma-separated list on list to s. • Append ")" (U+0029) to s. • Return s.

`string$t

`family-name$t

`specific-voice^t

~RET `文字列を直列化する$( %値 ) ◎ The string serialized as a string.

`time$t

~RET 次の連結 ⇒＃ ［%値 が表現する秒~単位による数］を `number^t として直列化した結果, ❝s ◎ The time in seconds serialized as per <number> followed by the literal string "s".

`uri$t

~RET `~CSS~URLに直列化する$( %値 が与える`絶対~URL文字列$ ) ◎ The absolute-URL string serialized as URL.

`absolute-size^t, `border-width^t, `border-style^t, `bottom^t, `generic-family^t, `generic-voice^t, `left^t, `margin-width^t, `padding-width^t, `relative-size^t, `right^t, `top^t は、この仕様では~macroと見なされる。 これらはすべて上に示された成分の~instanceを表現する。 ◎ <absolute-size>, <border-width>, <border-style>, <bottom>, <generic-family>, <generic-voice>, <left>, <margin-width>, <padding-width>, <relative-size>, <right>, and <top>, are considered macros by this specification. They all represent instances of components outlined above.

この節を除去することも考えられる — 上の定義をその~CSS成分を定義する CSS3／CSS4 の過程のどこかの草案に移行させることにより。 ◎ One idea is that we can remove this section somewhere in the CSS3/CSS4 timeline by moving the above definitions to the drafts that define the CSS components.