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を返すモノトスル。 ◎ The disabled attribute, on getting, must return true if the disabled flag is set, or false otherwise.＼

設定子は、次を走らすモノトスル ⇒ 此れの`不能化~flag$ss ~SET 所与の値 ◎ 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［ 此れの`生成元clean~flag$ss ~EQ ~F ］ ⇒ ~THROW `SecurityError$E ◎ If the origin-clean flag is unset, throw a SecurityError exception.

2. ~RET 此れの`~CSS規則~list$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の呼出ngによる変更は、返された~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［ 此れの`生成元clean~flag$ss ~EQ ~F ］ ⇒ ~THROW `SecurityError$E ◎ If the origin-clean flag is unset, throw a SecurityError exception.
2. ~RET `~index番の規則として挿入する$( 此れ上の `cssRules$m から返される`~CSS規則~list$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［ 此れの`生成元clean~flag$ss ~EQ ~F ］ ⇒ ~THROW `SecurityError$E ◎ If the origin-clean flag is unset, throw a SecurityError exception.
2. `~index番の規則を除去する$( 此れの`~CSS規則~list$ss, %index ) ◎ Remove a CSS rule in the CSS rules at index.

partial interface `CSSStyleSheet$I {
  [`SameObject$] ~RA `CSSRuleList$I `rules$m;
  `long$ `addRule$m(optional `DOMString$ %selector = "undefined", optional `DOMString$ %style = "undefined", optional `~UL$ %index);
  void `removeRule$m(optional `~UL$ %index = 0);
};

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される~style付け言語$でない ］：

   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.

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$は まだ ~T にされていない ◎ 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に課される要件

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 {
  attribute `CSSOMString$ `~cssText0$m;
  ~RA `CSSRule$I? `parentRule$m;
  ~RA `CSSStyleSheet$I? `parentStyleSheet$m;

  /* 
以下の属性, 定数は歴史的
◎
the following attribute and constants are historial
 */
  ~RA ~US `type$m;
  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;
};

`~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.

`type@m

この属性は非推奨にされた。 ◎ The type attribute is deprecated.＼

取得子は、此れがどの~ifcの~instanceであるかに応じて，次の表に与える値を返すモノトスル： ◎ It must return an integer, as follows:

~interface	結果
`CSSStyleRule$I	1
`CSSImportRule$I	3
`CSSMediaRule$I	4
`CSSFontFaceRule$I	5
`CSSPageRule$I	6
`CSSKeyframesRule$I	7
`CSSKeyframeRule$I	8
`CSSMarginRule$I	9
`CSSNamespaceRule$I	10
`CSSCounterStyleRule$I	11
`CSSSupportsRule$I	12
`CSSFontFeatureValuesRule$I	14
`CSSViewportRule$I	15
その他	0

◎ If the object is a CSSStyleRule • Return 1. If the object is a CSSImportRule • Return 3. If the object is a CSSMediaRule • Return 4. If the object is a CSSFontFaceRule • Return 5. If the object is a CSSPageRule • Return 6. If the object is a CSSKeyframesRule • Return 7. If the object is a CSSKeyframeRule • Return 8. If the object is a CSSMarginRule • Return 9. If the object is a CSSNamespaceRule • Return 10. If the object is a CSSCounterStyleRule • Return 11. If the object is a CSSSupportsRule • Return 12. If the object is a CSSFontFeatureValuesRule • Return 14. If the object is a CSSViewportRule • Return 15. Otherwise • Return 0.

注記： ［ 整数~列挙／ 整数を`識別する^emいくつかの定数 ］を利用する実施は、旧来の設計であり、もはや~Web~APIには利用されない。 所与の~objが どの型の規則か知るには、代わりに %rule.`constructor.name^m を検査することが推奨される — それは、 `CSSStyleRule^l の様な文字列を返す。 ◎ Note: The practice of using an integer enumeration and several constants to identify the integers is a legacy design practice that is no longer used in Web APIs. Instead, to tell what type of rule a given object is, it is recommended to check rule.constructor.name, which will return a string like "CSSStyleRule".

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を返すモノトスル 【！すなわち，`~CSS宣言~block$を表現する~obj】 ⇒＃ `読専~flag$ ~SET ~F, `宣言列$ ~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$の展開-後に）複数~回~現れる場合、~cascade法において最高位のもののみが，指定された所に位置するものとして表現されるモノトスル。 `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-ruleを表現する。 ◎ 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-ruleに指定された 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-ruleには常に`~CSS~ss$が結付けられる。 ◎ Note: An @import at-rule always has an associated CSS style sheet.

6.4.5. `CSSGroupingRule^I ~ifc

`CSSGroupingRule$I ~ifcは 自身の内部に他の規則を入子にする~at-ruleを表現する。 ◎ 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

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

`insertRule(rule, index)@m

被呼出時には、次の結果を返すモノトスル ⇒ `~index番の規則として挿入する$( 此れの`子~規則~list$, %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番の規則を除去する$( 此れの`子~規則~list$, %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-ruleを表現する。 ◎ The CSSPageRule interface represents an @page at-rule.

`~CSS~page選択子~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~page選択子~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~page選択子~listとして構文解析する$( 所与の値 ) ◎ Run the parse a list of CSS page selectors algorithm on the given value.
2. ~IF［ %値 ~NEQ ~NULL ］ ⇒ 結付けられている`~CSS~page選択子~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-rule ］を表現する `CSSStyleDeclaration$I ~objを返すモノトスル ⇒＃ `読専~flag$ ~SET ~F, `宣言列$ ~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-ruleの中の `~margin~at-rule$ （例えば `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-rule$の名前を返すモノトスル。 文字 @ は名前に含まれない。 `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-rule$ ］を表現する `CSSStyleDeclaration$I ~objを返すモノトスル ⇒＃ `読専~flag$ ~SET ~F, `宣言列$ ~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-ruleを表現する。 ◎ The CSSNamespaceRule interface represents an @namespace at-rule.

[`Exposed$=Window]
interface `CSSNamespaceRule@I : `CSSRule$I {
  ~RA `CSSOMString$ `namespaceURI$m;
  ~RA `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,
      optional [`TreatNullAs$=EmptyString] `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 ~T ］ ⇒ ~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 ~T ］なる`~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 ~T ］ ⇒ ~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 空~文字列ならば ~T ／ ~ELSE_ ~F ］ ◎ ↓
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 ~T ◎ 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 ~T ］ ⇒ ~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 ~T ) ◎ 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 ~T ) ◎ ↑

例えば，~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'];

6.7.1. ~CSS値の構文解析-法

6.7.2. ~CSS値の直列化-法

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

`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成分を定義する他のどこかの~CSS草案に移動することにより。 ◎ 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.