CSSOM View Module

1. 背景

この仕様にて定義される特色機能の多くは、長い間~browserから~supportされてきた。 この仕様の目標は、これらの特色機能を，すべての~browserが相互運用可能な形に実装し得るように定義することである。 仕様では、作者にとって有用になるであろう，一組の新たな特色機能も定義する。 (If they are not you can bug us!) ◎ Many of the features defined in this specification have been supported by browsers for a long period of time. The goal of this specification is to define these features in such a way that they can be implemented by all browsers in an interoperable manner. The specification also defines a couple of new features that will hopefully be useful to authors. (If they are not you can bug us!)

2. 各種用語

この仕様で用いられる用語は DOM, CSSOM, HTML による。 `DOM$r `CSSOM$r `HTML$r ◎ Terminology used in this specification is from DOM, CSSOM and HTML. [DOM] [CSSOM] [HTML]

`~HTML body 要素@ とは、根 `~HTML要素$ `html^e の子である，最初の `body^e `~HTML要素$ である。 ◎ The HTML body element is the first body HTML element child of the root HTML element html.

【 文書の `根~要素@ という語も現れる。 これは、`文書~要素$と同義（ HTML 文書であれば `html^e 要素）になると見られる。 】

`内容~辺@, `~padding辺@, `~border辺@, `~margin辺@, `表示域@（~viewport） は~CSSにて定義される。 ◎ Content edge, padding edge, border edge, margin edge, and viewport are defined by CSS.

【 参照 — 各種~辺の定義と図式, 表示域 】

【 この`~scroll用~box$を指して，単に 要素／表示域の~scroll用~box と記す。 そのような~boxが結付けられていない（存在しない）ことを， （要素／表示域は）~scroll用~boxを持たない と記す。 】

`~HTML body 要素$になるような要素 %body は、次をすべて満たすとき， `~scroll可能になり得る@ とされる。 ◎ An element body (which will be the HTML body element) is potentially scrollable if all of the following conditions are true:

• %body は `~CSS~layout~box$を持つ。 ◎ body has an associated CSS layout box.
• %body, %body の`親~要素$は、いずれも次を満たす ⇒ ［ `overflow-x$p, `overflow-y$p ］~propのいずれかは次を満たす ⇒ 算出値は `visible$v, `clip$v でない ◎ body’s parent element’s computed value of the overflow-x or overflow-y properties is neither visible nor clip. ◎ body’s computed value of the overflow-x or overflow-y properties is neither visible nor clip.

注記： `body$e 要素は、`~scroll可能になり得る$としても，`~scroll用~box$は持たないこともある。 具体的には、要素の `overflow$p の使用値は `auto^v であるが，その内容は内容~区画を~overflowしない場合など。 ◎ Note: A body element that is potentially scrollable might not have a scrolling box. For instance, it could have a used value of overflow being auto but not have its content overflowing its content area.

［ `表示域$／要素 ］の`~scroll用~box$には、 2 つの `~overflow方向@ — `塊-終端$, `行内-終端$ — がある。 ◎ A scrolling box of a viewport or element has two overflow directions, which are the block-end and inline-end directions for that viewport or element.

［ `表示域$／要素 ］の `~scroll用~区画@ は、その`~overflow方向$に応じて，各辺が以下に従って与えられる~boxである。 【この訳では、原文の内容と等価になるように，パラメタ化により大幅に圧縮して記述する。】 ◎ The term scrolling area refers to a box of a viewport or an element that has the following edges, depending on the viewport’s or element’s scrolling box’s overflow directions.

`~scroll用~区画$の `原点@ は、`表示域$の`~scroll用~区画$に対しては，`初期~包含塊$の原点に位置し、 他の場合は，要素の~scroll位置が既定の位置にあるときの 要素の~padding辺の左上隅に位置する。 x, y 座標は それぞれ右方, 下方へ増大する。 ◎ The origin of a scrolling area is the origin of the initial containing block if the scrolling area is a viewport, and otherwise the top left padding edge of the element when the element has its default scroll position. The x-coordinate increases rightwards, and the y-coordinate increases downwards.

語 `~CSS~layout~box@ は~CSSのそれと同じ意味とする。 この仕様の要件の目的においては、 `display$p ~propの算出値が `table-column$v ／ `table-column-group$v になるような要素は、（それぞれ， ~column／~column~groupの） `~CSS~layout~box$を持つものと見なされ~MUST。 【要素は、複数の~layout~boxを持つこともある。】 ◎ The term CSS layout box refers to the same term in CSS. For the purpose of the requirements in this specification, elements that have a computed value of the display property that is table-column or table-column-group must be considered to have an associated CSS layout box (the column or column group, respectively).

語 `~SVG~layout~box@ は SVG のそれと同じ意味とする。 ◎ The term SVG layout box refers to the same term in SVG.

語 `~CSS~layout~box$, `~SVG~layout~box$ のいずれも，現時点では~CSSや~SVGの中で定義されていない。 ◎ The terms CSS layout box and SVG layout box are not currently defined by CSS or SVG.

語 `~layout~box@ は `~CSS~layout~box$, `~SVG~layout~box$ のいずれかを指す。 ◎ The term layout box refers to either a CSS layout box or an SVG layout box.

【 “要素に結付けられている（ ~CSS ／ ~SVG ）`~layout~box$のことを，単に 要素の~layout~box と記す。 そのような~boxが存在しない（例えば描画の対象でない要素など）ことを， （要素は）~layout~boxを持たない と記す。 】

語 `変形@ は、 ~SVG ／ ~CSS による変形（座標系変換）を指す。 `SVG11$r `CSS-TRANSFORMS-1$r ◎ The term transforms refers to SVG transforms and CSS transforms. [SVG11] [CSS-TRANSFORMS-1]

~IDL~method／属性（以下，単に “~member” ）から別の~memberが呼ばれるときは、~UAは，~memberの内部~APIを呼出さ~MUST — すなわち、作者は独自の ECMAScript ~propや関数で上書きして，~memberの挙動を変更することはできない。 ◎ When a method or an attribute is said to call another method or attribute, the user agent must invoke its internal API for that attribute or method so that e.g. the author can’t change the behavior by overriding attributes or methods with custom properties or functions in ECMAScript.

特に指定されない限り、文字列の比較は，`文字大小区別$で行われる。 ◎ Unless otherwise stated, string comparisons are done in a case-sensitive manner.

3. 共通基盤

この仕様は WHATWG Infra 標準に依存する。 `INFRA$r ◎ This specification depends on the WHATWG Infra standard. [INFRA]

4. `Window^I ~interfaceに対する拡張

enum `ScrollBehavior@I { `auto@l, `instant@l, `smooth@l };

dictionary `ScrollOptions@I {
  `ScrollBehavior$I `behavior@mb = `auto$l;
};

dictionary `ScrollToOptions@I : `ScrollOptions$I {
  unrestricted double `left@mb;
  unrestricted double `top@mb;
};

partial interface `Window!I {
  [`NewObject$] `MediaQueryList$I `matchMedia$m(`CSSOMString$ %query);
  [`SameObject$, `Replaceable$] readonly attribute `Screen$I `screen$m;

  // 閲覧文脈
  void `moveTo$m(long %x, long %y);
  void `moveBy$m(long %x, long %y);
  void `resizeTo$m(long %x, long %y);
  void `resizeBy$m(long %x, long %y);

  // 表示域
  [`Replaceable$] readonly attribute long `innerWidth$m;
  [`Replaceable$] readonly attribute long `innerHeight$m;

  // 表示域~scroll
  [`Replaceable$] readonly attribute double `scrollX$m;
  [`Replaceable$] readonly attribute double `pageXOffset$m;
  [`Replaceable$] readonly attribute double `scrollY$m;
  [`Replaceable$] readonly attribute double `pageYOffset$m;
  void `scroll$m(optional `ScrollToOptions$I %options);
  void `scroll$m(unrestricted double %x, unrestricted double %y);
  void `scrollTo$m(optional `ScrollToOptions$I %options);
  void `scrollTo$m(unrestricted double %x, unrestricted double %y);
  void `scrollBy$m(optional `ScrollToOptions$I %options);
  void `scrollBy$m(unrestricted double %x, unrestricted double %y);

  // ~client~window
  [`Replaceable$] readonly attribute long `screenX$m;
  [`Replaceable$] readonly attribute long `screenY$m;
  [`Replaceable$] readonly attribute long `outerWidth$m;
  [`Replaceable$] readonly attribute long `outerHeight$m;
  [`Replaceable$] readonly attribute double `devicePixelRatio$m;
};

`matchMedia(query)@m

被呼出時には、次のように設定された，新たな `MediaQueryList$I ~objを返さ~MUST：

• `媒体~query~list$ ~SET `媒体~query~listとして構文解析する$( %query )
• `文書$mq ~SET 此れに`結付けられている文書$

◎ When the matchMedia(query) method is invoked these steps must be run: ◎ Let parsed media query list be the result of parsing query. ◎ Return a new MediaQueryList object, with the context object’s associated Document as the document, with parsed media query list as its associated media query list.

`screen@m

取得子は、 `Window$I ~objに結付けられている `Screen$I ~objを返さ~MUST。 ◎ The screen attribute must return the Screen object associated with the Window object.

注記： `WindowProxy$I ~objを通した `screen^c への~accessでは、`文書$が~navigateされた際には、異なる結果が取得され得る。 ◎ Note: Accessing screen through a WindowProxy object might yield different results when the Document is navigated.

`moveTo(x, y)@m

被呼出時には、次を走らせ~MUST： ◎ The moveTo(x, y) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, terminate these steps.
2. %target ~LET 此れの`閲覧文脈$ ◎ Let target be the browsing context of the context object.
3. ~IF［［ `現任の設定群~obj$の`担当の閲覧文脈$ ］に %target の `~resizeと移動は許容され$ていない ］ ⇒ ~RET ◎ Let source be the responsible browsing context of the incumbent settings object. ◎ If source is not allowed to resize and move target, terminate these steps.
4. 任意選択で，~UAにより定義される方式で ⇒ %x, %y を［ 可用な空間の外に~windowが出ない様な大きさ ］に切詰める ◎ Optionally, clamp x and y in a user-agent-defined manner so that the window does not move outside the available space.
5. %target の~windowを，その左上隅が［ 出力~機器の左上隅から相対的な［ %target の `px$css 単位による座標 (%x, %y) ］］に整列するように移動させる。 ここで，各~座標軸の正方向は［ 右方, 下方 ］とする。 ◎ Move target’s window such that the window’s top left corner is at coordinates (x, y) relative to the top left corner of the output device, measured in CSS pixels of target. The positive axes are rightward and downward.

`moveBy(x, y)@m

被呼出時には、次を走らせ~MUST： ◎ The moveBy(x, y) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, terminate these steps.
2. %target ~LET 此れの`閲覧文脈$ ◎ Let target be the browsing context of the context object.
3. ~IF［［ `現任の設定群~obj$の`担当の閲覧文脈$ ］に %target の `~resizeと移動は許容され$ていない ］ ⇒ ~RET ◎ Let source be the responsible browsing context of the incumbent settings object. ◎ If source is not allowed to resize and move target, terminate these steps.
4. 任意選択で，~UAにより定義される方式で ⇒ %x, %y を［ 可用な空間の外に~windowが出ない様な大きさ ］に切詰める ◎ Optionally, clamp x and y in a user-agent-defined manner so that the window does not move outside the available space.
5. %target の~windowを， %target の `px$css 単位で［ 右方に %x, 下方に %y ］だけ移動させる ◎ Move target’s window x CSS pixels of target rightward and y CSS pixels of target downward.

`resizeTo(x, y)@m

被呼出時には、次を走らせ~MUST： ◎ The resizeTo(x, y) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, terminate these steps.
2. %target ~LET 此れの`閲覧文脈$ ◎ Let target be the browsing context of the context object.
3. ~IF［［ `現任の設定群~obj$の`担当の閲覧文脈$ ］に %target の `~resizeと移動は許容され$ていない ］ ⇒ ~RET ◎ Let source be the responsible browsing context of the incumbent settings object. ◎ If source is not allowed to resize and move target, terminate these steps.
4. 任意選択で，~UAにより定義される方式で ⇒ %x, %y を［ 可用な空間の中で~windowの大きさが~~適度な上限／下限に収まる ］ように切詰める ◎ Optionally, clamp x and y in a user-agent-defined manner so that the window does not get too small or bigger than the available space.
5. %target の~windowを，~resizeする — その右辺と下辺を %target の `px$css 単位で［ 表示域の左辺と右辺の距離 ~EQ %x ］~AND［ 表示域の上辺と下辺の距離 ~EQ %y ］になるように移動させる ◎ Resize target’s window by moving its right and bottom edges such that the distance between the left and right edges of the viewport are x CSS pixels of target and the distance between the top and bottom edges of the viewport are y CSS pixels of target.
6. 任意選択で，~UAにより定義される方式で ⇒ %target の~windowを，可用な空間をはみ出さないように移動させる ◎ Optionally, move target’s window in a user-agent-defined manner so that it does not grow outside the available space.

`resizeBy(x, y)@m

被呼出時には、次を走らせ~MUST： ◎ The resizeBy(x, y) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, terminate these steps.
2. %target ~LET 此れの`閲覧文脈$ ◎ Let target be the browsing context of the context object.
3. ~IF［［ `現任の設定群~obj$の`担当の閲覧文脈$ ］に %target の `~resizeと移動は許容され$ていない ］ ⇒ ~RET ◎ Let source be the responsible browsing context of the incumbent settings object. ◎ If source is not allowed to resize and move target, terminate these steps.
4. 任意選択で，~UAにより定義される方式で ⇒ %x, %y を［ 可用な空間の中で~windowの大きさが~~適度な上限／下限に収まる ］ように切詰める ◎ Optionally, clamp x and y in a user-agent-defined manner so that the window does not get too small or bigger than the available space.
5. %target の~windowを，~resizeする — その右辺と下辺を %target の `px$css 単位で［ 左辺を %x, 上辺を %y ］だけ移動させる ◎ Resize target’s window by moving its right edge x CSS pixels of target rightward and its bottom edge y CSS pixels of target downward.
6. 任意選択で，~UAにより定義される方式で ⇒ %target の~windowを，可用な空間をはみ出さないように移動させる ◎ Optionally, move target’s window in a user-agent-defined manner so that it does not grow outside the available space.

次のすべての条件が成立するとき、 `閲覧文脈$ %A には，`閲覧文脈$ %B の `~resizeと移動は許容され@ る： ◎ A browsing context A is allowed to resize and move a browsing context B if all the following conditions are met:

• %B は（利用者による行為ではなく）~scriptにより作成された`補助~閲覧文脈$である。 ◎ B is an auxiliary browsing context that was created by a script (as opposed to by an action of the user).
• %A は %B に`近しい$。 ◎ A is familiar with B.

`innerWidth@m ｜ `innerHeight@m

取得子は、次を走らせ~MUST：

1. ~IF［ 此れの`表示域$は無い ］ ⇒ ~RET ~zero
2. ~RET `表示域$の［ 横幅 ｜ 縦幅 ］（~scroll~barが描画されている場合はその~sizeも含める）

◎ The innerWidth attribute must return the viewport width including the size of a rendered scroll bar (if any), or zero if there is no viewport.

表示域の横幅は，次の~code片で取得できる： ◎ The following snippet shows how to obtain the width of the viewport:

var viewportWidth = innerWidth

◎ The innerHeight attribute must return the viewport height including the size of a rendered scroll bar (if any), or zero if there is no viewport.

`scrollX@m ｜ `scrollY@m

取得子は、次を走らせ~MUST：

1. ~IF［ 此れの`表示域$は無い ］ ⇒ ~RET ~zero
2. ~RET `初期~包含塊$原点に相対的な， `表示域$の［ 左端の x 座標 ｜ 上端の y 座標 ］

◎ The scrollX attribute attribute must return the x-coordinate, relative to the initial containing block origin, of the left of the viewport, or zero if there is no viewport.

`pageXOffset@m ｜ `pageYOffset@m

取得子は［ `scrollX$m ｜ `scrollY$m ］属性と同じ値を返さ~MUST。 ◎ The pageXOffset attribute must return the value returned by the scrollX attribute.

◎ The scrollY attribute attribute must return the y-coordinate, relative to the initial containing block origin, of the top of the viewport, or zero if there is no viewport. ◎ The pageYOffset attribute must return the value returned by the scrollY attribute.

`scroll()@m

被呼出時には、次を走らせ~MUST： ◎ When the scroll() method is invoked these steps must be run:

1. ~IF［ ~methodは 1 個の引数 %options を伴って呼出された ］： ◎ If invoked with one argument, follow these substeps:

   1. %x ~LET %options に `left$mb ~memberは［ 在するならば その値／ 不在ならば `表示域$の現在の x 軸~scroll位置 ］ ◎ Let options be the argument. ◎ Let x be the value of the left dictionary member of options, if present, or the viewport’s current scroll position on the x axis otherwise.
   2. %y ~LET %options に `top$mb ~memberは［ 在するならば その値／ 不在ならば `表示域$の現在の y 軸~scroll位置 ］ ◎ Let y be the value of the top dictionary member of options, if present, or the viewport’s current scroll position on the y axis otherwise.

2. ~IF［ ~methodは 2 個の引数 %x, %y を伴って呼出された ］： ◎ If invoked with two arguments, follow these substeps:

   1. %options ~LET ~NULL を ~IDL `ScrollToOptions$I 型の`辞書~値に変換-$した結果 `WEBIDL$r ◎ Let options be null converted to a ScrollToOptions dictionary. [WEBIDL] ◎ Let x and y be the arguments, respectively.
3. %x, %y を`有限~値に正規化-$ ◎ Normalize non-finite values for x and y.
4. ~IF［ 此れの`表示域$は無い ］ ⇒ ~RET ◎ If there is no viewport, abort these steps.
5. `有効~横幅^V ~LET `表示域$の`有効~横幅$ ◎ Let viewport width be the width of the viewport excluding the width of the scroll bar, if any.
6. `有効~縦幅^V ~LET `表示域$の`有効~縦幅$ ◎ Let viewport height be the height of the viewport excluding the height of the scroll bar, if any.
7. %~scroll用~区画 ~LET `表示域$の`~scroll用~区画$ ◎ ↓

8. `表示域$の横方向の`~overflow方向$に応じて： ◎ ↓

   右方 ◎ If the viewport has rightward overflow direction

   %x ~LET max( 0, min( %x, ( %~scroll用~区画 の横幅 − `有効~横幅^V ))) ◎ Let x be max(0, min(x, viewport scrolling area width - viewport width)).

   左方 ◎ If the viewport has leftward overflow direction

   %x ~LET min( 0, max( %x, ( `有効~横幅^V − %~scroll用~区画 の横幅 ))) ◎ Let x be min(0, max(x, viewport width - viewport scrolling area width)).

9. `表示域$の縦方向の`~overflow方向$に応じて： ◎ ↓

   下方 ◎ If the viewport has downward overflow direction

   %y ~LET max( 0, min( %y, ( %~scroll用~区画 の縦幅 − `有効~縦幅^V ))) ◎ Let y be max(0, min(y, viewport scrolling area height - viewport height)).

   上方 ◎ If the viewport has upward overflow direction

   %y ~LET min( 0, max( %y, ( `有効~縦幅^V − %~scroll用~区画 の縦幅 ))) ◎ Let y be min(0, max(y, viewport height - viewport scrolling area height)).

10. %目的位置 ~LET %~scroll用~区画 の座標 ( %x, %y ) が`表示域$の左上隅に整列されるような，`表示域$の~scroll位置 ◎ Let position be the scroll position the viewport would have by aligning the x-coordinate x of the viewport scrolling area with the left of the viewport and aligning the y-coordinate y of the viewport scrolling area with the top of the viewport.
11. ~IF［ %目的位置 ~EQ `表示域$の現在の~scroll位置 ］~AND［ `表示域$において`滑らかな~scroll$は進行中でない ］ ⇒ ~RET ◎ If position is the same as the viewport’s current scroll position, and the viewport does not have an ongoing smooth scroll, abort these steps.
12. %関連要素 ~LET `表示域$に結付けられている`文書$の`根~要素$が［ あれば それ ／ なければ ~NULL ］ ◎ Let document be the viewport’s associated Document.
13. `~scrollを遂行する$( `表示域$, %目的位置, %関連要素, ［ %options の `behavior$mb ~memberの値 ］ ) ◎ Perform a scroll of the viewport to position, document’s root element as the associated element, if there is one, or null otherwise, and the scroll behavior being the value of the behavior dictionary member of options.

`scrollTo()@m

被呼出時には、同じ引数で `scroll()$m ~methodが呼出されたかのように，動作し~MUST。 ◎ When the scrollTo() method is invoked, the user agent must act as if the scroll() method was invoked with the same arguments.

`scrollBy()@m

被呼出時には、次を走らせ~MUST： ◎ When the scrollBy() method is invoked, the user agent must run these steps:

1. ~IF［ ~methodは 2 個の引数 %x, %y を伴って呼出された ］： ◎ If invoked with two arguments, follow these substeps:

   1. %options ~LET ~NULL を ~IDL `ScrollToOptions$I 型の`辞書~値に変換-$した結果 `WEBIDL$r ◎ Let options be null converted to a ScrollToOptions dictionary. [WEBIDL]
   2. %options の［ `left$mb, `top$mb ］~member ~LET 順に［ %x, %y ］ ◎ Let x and y be the arguments, respectively. ◎ Let the left dictionary member of options have the value x. ◎ Let the top dictionary member of options have the value y.
2. %options の［ `left$mb, `top$mb ］~memberを`有限~値に正規化-$する ◎ Normalize non-finite values for the left and top dictionary members of options.
3. %options の［ `left$mb, `top$mb ］~memberに，［ `scrollX$m, `scrollY$m ］の値を順に加算する ◎ Add the value of scrollX to the left dictionary member. ◎ Add the value of scrollY to the top dictionary member.
4. %options を唯一の引数に， `scroll()$m ~methodが呼出されたかのように，動作する ◎ Act as if the scroll() method was invoked with options as the only argument.

`screenX@m ｜ `screenY@m

取得子は、次を走らせ~MUST：

1. ~IF［ 此れの~client~windowは存在しない ］ ⇒ ~RET ~zero
2. ~RET 出力~機器の`~Webに公開される~screen区画$の原点に相対的な, `px$css 単位による，~client~window†の［ 左端の x 座標 ｜ 上端の y 座標 ］

◎ The screenX attribute must return the x-coordinate, relative to the origin of the Web-exposed screen area, of the left of the client window as number of CSS pixels, or zero if there is no such thing. ◎ The screenY attribute must return the y-coordinate, relative to the origin of the screen of the Web-exposed screen area, of the top of the client window as number of CSS pixels, or zero if there is no such thing.

【† “~client~window” がどの部分を指すのか，定義されていないが、現実の~browserのふるまいからは，外枠も含めた~window全体が占める区画を指すものと推定される。 】

`outerWidth@m ｜ `outerHeight@m

取得子は、次を走らせ~MUST：

1. ~IF［ 此れの~client~windowは存在しない ］ ⇒ ~RET ~zero
2. ~RET ~client~windowの［ 横幅 ｜ 縦幅 ］

◎ The outerWidth attribute must return the width of the client window. If there is no client window this attribute must return zero. ◎ The outerHeight attribute must return the height of the client window. If there is no client window this attribute must return zero.

`devicePixelRatio@m

取得子は、次を走らせ~MUST： ◎ The devicePixelRatio attribute must return the result of the following algorithm:

1. ~IF［ 出力~機器は存在しない ］ ⇒ ~RET 1 ◎ If there is no output device, return 1 and abort these steps.
2. `~CSS~pixel~size^V ~LET ［ 現在の`頁~zoom$倍率 ］, および［ `~pinch~zoom$倍率 1.0 ］の下での， 1 `px$css の~size ◎ Let CSS pixel size be the size of a CSS pixel at the current page zoom scale factor and at a pinch zoom scale factor of 1.0.
3. %機器~pixel~size ~LET 出力~機器の機器~pixelの縦~size ◎ Let device pixel size be the vertical size of a device pixel of the output device.
4. ~RET `~CSS~pixel~size^V ÷ %機器~pixel~size ◎ Return the result of dividing CSS pixel size by device pixel size.

function handleOrientationChange(%event) {
  if(%event.`matches$m) // landscape
    …
  else
    …
}
var %mql = `matchMedia^m(`(orientation:landscape)^l);
%mql.`onchange$m = handleOrientationChange;

[`Exposed$=Window]
interface `MediaQueryList@I : `EventTarget$I {
  readonly attribute `CSSOMString$ `media$m;
  readonly attribute boolean `matches$m;
  void `addListener$m(`EventListener$I? %listener);
  void `removeListener$m(`EventListener$I? %listener);
           attribute `EventHandler$I `onchange$m;
};

[`Exposed$=Window,
 Constructor(`CSSOMString$ %type, optional `MediaQueryListEventInit$I %eventInitDict)]
interface `MediaQueryListEvent@I : `Event$I {
  readonly attribute `CSSOMString$ `media$m;
  readonly attribute boolean `matches$m;
};

dictionary `MediaQueryListEventInit@I : `EventInit$I {
  `CSSOMString$ `media@mb = "";
  boolean `matches@mb = false;
};

[`Exposed$=Window]
interface `Screen@I {
  readonly attribute long `availWidth$m;
  readonly attribute long `availHeight$m;
  readonly attribute long `width$m;
  readonly attribute long `height$m;
  readonly attribute unsigned long `colorDepth$m;
  readonly attribute unsigned long `pixelDepth$m;
};

5. `Document^I ~interfaceに対する拡張

partial interface `Document!I {
  `Element$I? `elementFromPoint$m(double %x, double %y);
  sequence<`Element$I> `elementsFromPoint$m(double %x, double %y);
  `CaretPosition$I? `caretPositionFromPoint$m(double %x, double %y);
  readonly attribute `Element$I? `scrollingElement$m;
};

`elementFromPoint(x, y)@m

被呼出時には、次を走らせ~MUST： ◎ The elementFromPoint(x, y) method must follow these steps:

1. ~IF［ 此れに結付けられている`表示域$はない ］ ⇒ ~RET ~NULL ◎ ↓
2. ~IF［［［ 0 ≤ %x ≤ `表示域$の`有効~横幅$ ］, かつ［ 0 ≤ %y ≤ `表示域$の`有効~縦幅$ ］］でない ］ ⇒ ~RET ~NULL ◎ If either argument is negative, x is greater than the viewport width excluding the size of a rendered scroll bar (if any), or y is greater than the viewport height excluding the size of a rendered scroll bar (if any), or there is no viewport associated with the document, return null and terminate these steps.
3. ~IF［ `表示域$の子孫に対する`変形$を適用した下で，座標 (%x, %y) の接触判定の標的になる`~layout~box$は`表示域$内にある ］ ⇒ ~RET それに結付けられている要素 ◎ If there is a layout box in the viewport that would be a target for hit testing at coordinates x,y, when applying the transforms that apply to the descendants of the viewport, return the associated element and terminate these steps.
4. ~RET 此れは`根~要素$を［ 持つならば それ ／ 持たないならば ~NULL ］ ◎ If the document has a root element, return the root element and terminate these steps. ◎ Return null.

注記： `elementFromPoint()^m ~methodは必ずしも，最も手前に塗られている要素を返すわけではない。 例えば要素は `pointer-events$p ~CSS~propの利用を通して接触判定の標的から除外され得る。 【参照（ ~SVG ）】 ◎ Note: The elementFromPoint() method does not necessarily return the top-most painted element. For instance, an element can be excluded from being a target for hit testing by using the pointer-events CSS property.

`elementsFromPoint(x, y)@m

被呼出時には、次を走らせ~MUST： ◎ The elementsFromPoint(x, y) method must follow these steps:

1. %連列 ~LET 空~連列 ◎ Let sequence be a new empty sequence.
2. ~IF［ 此れに結付けられている`表示域$はない ］ ⇒ ~RET %連列 ◎ ↓
3. ~IF［［［ 0 ≤ %x ≤ `表示域$の`有効~横幅$ ］~AND［ 0 ≤ %y ≤ `表示域$の`有効~縦幅$ ］］でない ］ ⇒ ~RET %連列 ◎ If either argument is negative, x is greater than the viewport width excluding the size of a rendered scroll bar (if any), or y is greater than the viewport height excluding the size of a rendered scroll bar (if any), or there is no viewport associated with the document, return sequence and terminate these steps.

4. `表示域$の子孫に対する`変形$を適用した下で，座標 (%x, %y) の接触判定の標的になる（何もそれに overlap していない†としても）ような，`表示域$ 内の~EACH ( `~layout~box$ ) に対し、 topmost の†~boxから, それらの塗り順序に従って ⇒ %連列 に~boxに結付けられている要素を付加する ◎ For each layout box in the viewport, in paint order, starting with the topmost box, that would be a target for hit testing at coordinates x,y even if nothing would be overlapping it, when applying the transforms that apply to the descendants of the viewport, append the associated element to sequence.

   【† 塗られる内容が無いとしても？ 】【† 最も手前に塗られている？ 】

5. ~IF［ 此れは`根~要素$ %根 を持つ ］~AND［ %連列 の最後の項 ~NEQ %根 ］ ⇒ %連列 に %根 を付加する ◎ If the document has a root element, and the last item in sequence is not the root element, append the root element to sequence.
6. ~RET %連列 ◎ Return sequence.

`caretPositionFromPoint(x, y)@m

被呼出時には、次を走らせ~MUST： ◎ The caretPositionFromPoint(x, y) method must return the result of running these steps:

1. ~IF［ 此れに結付けられている`表示域$はない ］ ⇒ ~RET ~NULL ◎ If there is no viewport associated with the document, return null.
2. ~IF［［［ 0 ≤ %x ≤ `表示域$の`有効~横幅$ ］~AND［ 0 ≤ %y ≤ `表示域$の`有効~縦幅$ ］］でない ］ ⇒ ~RET ~NULL ◎ If either argument is negative, x is greater than the viewport width excluding the size of a rendered scroll bar (if any), y is greater than the viewport height excluding the size of a rendered scroll bar (if any) return null.
3. ~IF［［ `表示域$の子孫に対する`変形$を適用した下で，`表示域$内の座標 ( %x, %y ) の所に~text挿入位置指示が挿入されることになる ］ではない ］ ⇒ ~RET ~NULL ◎ If at the coordinates x,y in the viewport no text insertion point indicator would have been inserted when applying the transforms that apply to the descendants of the viewport, return null.

4. ~IF［ `表示域$の子孫に対する`変形$を適用した下で，`表示域$内の座標 ( %x, %y ) の所に, かつ［ `置換~要素$による~text入力~widget ］内に，~text挿入位置指示が挿入されることになる ］ ⇒ ~RET 各種~propが次のように設定された`~caret位置$ ◎ If at the coordinates x,y in the viewport a text insertion point indicator would have been inserted in a text entry widget which is also a replaced element, when applying the transforms that apply to the descendants of the viewport, return a caret position with its properties set as follows:

   `~caret~node$

   ~text入力~widgetに対応する~node。 ◎ The node corresponding to the text entry widget.

   `~caret~offset$

   左端から~text挿入位置指示が挿入される地点までの符号単位の個数。 ◎ The amount of 16-bit units to the left of where the text insertion point indicator would have inserted.

   【 `符号単位$ （ 16-bit unit, code unit ）： Unicode （ UTF-16 ）の代用対（拡張用の文字~code割り当て域に属する文字）では 1 文字に 4 ~byte消費されるが、それに関わらず， javascript の文字列~処理では常に 2 ~byteを文字 1 個分と数えるため、通常の意味の “Unicode 文字” （符号位置）と区別するためにこの語が用いられる。 】

   `~caret範囲$

   ~NULL ◎ null

5. ~RET 各種~propが次の様に設定された`~caret位置$： ◎ ↓

   `~caret範囲$

   `表示域$の子孫に対する`変形$を適用した下で，~text挿入位置指示が挿入されることになる地点を指すような、畳まれた状態の `Range$I ~obj。 ◎ Otherwise, return a caret position where the caret range is a collapsed Range object for the position where the text insertion point indicator would have been inserted when applying the transforms that apply to the descendants of the viewport, and the other properties are set as follows:

   【 畳まれた状態（ collapsed ）： Range ~objの`始端$と`終端$が同じ`境界点$を指すようにされた状態（始端~nodeと終端~nodeが同一，かつ始端~offsetと終端~offsetが等しい） 】

   `~caret~node$

   `~caret範囲$ の `startContainer$m ◎ The startContainer of the caret range.

   `~caret~offset$

   `~caret範囲$ の `startOffset$m ◎ The startOffset of the caret range.

注記： 接触判定の詳細は、この仕様の視野外であり，したがって `elementFromPoint()$m と `caretPositionFromPoint()$m についての正確な詳細も同様になる。 接触判定は希望的には，~CSSまたは~HTMLの将来版にて定義されることになる。 ◎ Note: The specifics of hit testing are out of scope of this specification and therefore the exact details of elementFromPoint() and caretPositionFromPoint() are therefore too. Hit testing will hopefully be defined in a future revision of CSS or HTML.

`scrollingElement@m

取得子は、次を走らせ~MUST： ◎ The scrollingElement attribute, on getting, must run these steps:

1. ~IF［ 此れは`過去互換~mode$下にある ］： ◎ If the Document is in quirks mode, follow these substeps:

   1. ~IF［ `~HTML body 要素$ %body は在る ］~AND［ %body は`~scroll可能になり得ない$ ］ ⇒ ~RET %body ◎ If the HTML body element exists, and it is not potentially scrollable, return the HTML body element and abort these steps.
   2. ~RET ~NULL ◎ Return null and abort these steps.
2. ~IF［ `根~要素$は在る ］ ⇒ ~RET それ ◎ If there is a root element, return the root element and abort these steps.
3. ~RET ~NULL ◎ Return null.

注記： `scrollTop^m, `scrollLeft^m に対し，`過去互換~mode$の挙動を常に利用する非適合~UAには、 `scrollingElement$m 属性は，常に `~HTML body 要素$ （あるいは，なければ ~NULL ）を返すものと期待されている。 この~APIは、~Web開発者が，~scrolling~APIに利用する正しい要素を取得できるようにするためにある — 特定0の~UAの挙動を前提にしたり，どの要素が表示域を~scrollするかを見るために実際に~scrollする必要なく。 ◎ Note: For non-conforming user agents that always use the quirks mode behavior for scrollTop and scrollLeft, the scrollingElement attribute is expected to also always return the HTML body element (or null if it does not exist). This API exists so that Web developers can use it to get the right element to use for scrolling APIs, without making assumptions about a particular user agent’s behavior or having to invoke a scroll to see which element scrolls the viewport.

注記： `~HTML body 要素$ は HTML の `document.body^m とは異なる — 後者は `frameset^m 要素も返し得る。 ◎ Note: The HTML body element is different from HTML’s document.body in that the latter can return a frameset element.

[`Exposed$=Window]
interface `CaretPosition@I {
  readonly attribute `Node$I `offsetNode$m;
  readonly attribute unsigned long `offset$m;
  [`NewObject$] `DOMRect$I? `getClientRect$m();
};

6. `Element^I ~interfaceに対する拡張

enum `ScrollLogicalPosition@I { `start@l, `center@l, `end@l, `nearest@l };
dictionary `ScrollIntoViewOptions@I : `ScrollOptions$I {
  `ScrollLogicalPosition$I `block@mb = `start$l;
  `ScrollLogicalPosition$I `inline@mb = `nearest$l;
};

partial interface `Element!I {
  `DOMRectList$I `getClientRects$m();
  [`NewObject$] `DOMRect$I `getBoundingClientRect$m();
  void `scrollIntoView$m(optional (boolean or `ScrollIntoViewOptions$I) %arg);
  void `scroll$m(optional `ScrollToOptions$I %options);
  void `scroll$m(unrestricted double %x, unrestricted double %y);
  void `scrollTo$m(optional `ScrollToOptions$I %options);
  void `scrollTo$m(unrestricted double %x, unrestricted double %y);
  void `scrollBy$m(optional `ScrollToOptions$I %options);
  void `scrollBy$m(unrestricted double %x, unrestricted double %y);
  attribute unrestricted double `scrollTop$m;
  attribute unrestricted double `scrollLeft$m;
  readonly attribute long `scrollWidth$m;
  readonly attribute long `scrollHeight$m;
  readonly attribute long `clientTop$m;
  readonly attribute long `clientLeft$m;
  readonly attribute long `clientWidth$m;
  readonly attribute long `clientHeight$m;
};

`getClientRects()@m

被呼出時には、次の~algoの結果を返さ~MUST： ◎ The getClientRects() method, when invoked, must return the result of the following algorithm:

1. ~IF［ 此れは`~layout~box$を持たない ］ ⇒ ~RET 空の `DOMRectList$I ~obj ◎ If the element on which it was invoked does not have an associated layout box return an empty DOMRectList object and stop this algorithm.
2. ~IF［ 此れは`~SVG~layout~box$を持つ ］ ⇒ ~RET 次で与えられる矩形を表す 1 個の `DOMRect$I ~objからなる `DOMRectList$I ~obj ⇒ 此れとその先祖に対する`変形$を適用した下で，~SVG仕様の定義に従う此れの限界~box ◎ If the element has an associated SVG layout box return a DOMRectList object containing a single DOMRect object that describes the bounding box of the element as defined by the SVG specification, applying the transforms that apply to the element and its ancestors.

3. %~list ~LET 此れの`~layout~box$内の`~box断片$からなる~list — ここで：

   • 此れの `display$p ~propの算出値 ~IN { `table$v, `inline-table$v } の場合、 table ~box と caption ~boxは ~listに含めるが，匿名~容器~boxは含めない。
   • 各 `匿名~塊~box$は，その子~boxたちに置換する。 匿名~塊~boxが尽きるまで，これを繰り返す。
   • 縦幅／横幅 が~zeroのものも~listから除外しない。
   • ~listは、内容~順による。
   ◎ ↓

4. ~RET %~list 内の 各`~box断片$を，［［［ その~border区画に［ 此れとその先祖に対する`変形$ ］を適用して得られる図形 ］を包含するような，最小の矩形 ］を表す `DOMRect$I ~obj ］に置換して得られる `DOMRectList$I ~obj

   【 原文には “最小の矩形” という記述はないが、変形を孕んでいるので，必然的にそうなる。 】

   ◎ Return a DOMRectList object containing DOMRect objects in content order, one for each box fragment, describing its border area (including those with a height or width of zero) with the following constraints: • Apply the transforms that apply to the element and its ancestors. • If the element on which the method was invoked has a computed value for the display property of table or inline-table include both the table box and the caption box, if any, but not the anonymous container box. • Replace each anonymous block box with its child box(es) and repeat this until no anonymous block boxes are left in the final list.

注記： この~methodが返す `DOMRect$I ~objは、`~live$でない。 ◎ Note: The DOMRect objects returned by getClientRects() are not live.

`getBoundingClientRect()@m

被呼出時には、次の~algoによる結果を返さ~MUST： ◎ The getBoundingClientRect() method, when invoked, must return the result of the following algorithm:

1. %~list ~LET 此れ上で `getClientRects()$m を呼出した結果 ◎ Let list be the result of invoking getClientRects() on the same element this method was invoked on.
2. ~IF［ %~list は空である ］ ⇒ ~RET 次のようにされた `DOMRect$I ~obj ⇒ ［ `x^m, `y^m, `width^m, `height^m ］属性 ~SET 0 ◎ If the list is empty return a DOMRect object whose x, y, width and height members are zero.
3. ~IF［ %~list 内の どの矩形も，横幅, 縦幅ともに~zeroである ］ ⇒ ~RET %~list 内の最初の矩形 ◎ If all rectangles in list have zero width or height, return the first rectangle in list.
4. ~RET ［ %~list 内の［ 横幅, 縦幅ともに~zeroでない ］すべての矩形を包含するような，最小の矩形 ］を表現する `DOMRect$I ~obj ◎ Otherwise, return a DOMRect object describing the smallest rectangle that includes all of the rectangles in list of which the height or width is not zero.

注記： この~methodが返す `DOMRect$I ~objは、`~live$でない。 ◎ Note: The DOMRect object returned by getBoundingClientRect() is not live.

次の~code片は文書~内の最初の `div^e 要素の~sizeを取得する： ◎ The following snippet gets the dimensions of the first div element in a document:

var example = document
    .getElementsByTagName("div")[0]
    .getBoundingClientRect();
var exampleWidth = example.width;
var exampleHeight = example.height;

`scrollIntoView(arg)@m

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

1. ( %挙動, %塊, %行内 ) ~LET ( `auto^l, `start^l, `nearest^l ) ◎ Let behavior be "auto". ◎ Let block be "start". ◎ Let inline be "nearest".
2. ~IF［ %arg は `ScrollIntoViewOptions$I 辞書である ］ ⇒ ( %挙動, %塊, %行内 ) ~SET 順に， %options の［ `behavior$mb, `block$mb, `inline$mb ］~member値 ◎ If arg is a ScrollIntoViewOptions dictionary, then: • Set behavior to the behavior dictionary member of options. • Set block to the block dictionary member of options. • Set inline to the inline dictionary member of options.
3. ~ELIF［ %arg ~EQ ~F ］ ⇒ %塊 ~SET `end^l ◎ Otherwise, if arg is false, then set block to "end".
4. ~IF［ 此れは`~layout~box$を持たない ］ ⇒ ~RET ◎ If the element does not have any associated layout box, then return.
5. 此れを`~viewの中へ~scrollする$( %挙動, %塊, %行内 ) ◎ Scroll the element into view with behavior, block, and inline.
6. 任意選択で ⇒ 利用者に 此れを注目してもらう何らかの動作があれば，それを遂行する ◎ Optionally perform some other action that brings the element to the user’s attention.

`scroll()@m

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

1. ~IF［ ~methodは 1 個の引数 %options を伴って呼出された ］： ◎ If invoked with one argument, follow these substeps:

   1. %options の［ `left$mb, `top$mb ］~member を（もし在するならば）`有限~値に正規化-$する ◎ Let options be the argument. ◎ Normalize non-finite values for left and top dictionary members of options, if present.
   2. %x ~LET %options に `left$mb ~memberは［ 在するならば その値／ 不在ならば 此れの現在の x 軸~scroll位置 ］ ◎ Let x be the value of the left dictionary member of options, if present, or the element’s current scroll position on the x axis otherwise.
   3. %y ~LET %options に `top$mb ~memberは［ 在するならば その値／ 不在ならば 此れの現在の y 軸~scroll位置 ］ ◎ Let y be the value of the top dictionary member of options, if present, or the element’s current scroll position on the y axis otherwise.

2. ~IF［ ~methodは 2 個の引数 %x, %y を伴って呼出された ］： ◎ If invoked with two arguments, follow these substeps:

   1. %options ~LET ~NULL を ~IDL `ScrollToOptions$I 型の`辞書~値に変換-$した結果 `WEBIDL$r ◎ Let options be null converted to a ScrollToOptions dictionary. [WEBIDL]
   2. %options の［ `left$mb, `top$mb ］~member ~LET 順に［ %x, %y ］を`有限~値に正規化-$した結果 ◎ Let x and y be the arguments, respectively. ◎ Normalize non-finite values for x and y. ◎ Let the left dictionary member of options have the value x. ◎ Let the top dictionary member of options have the value y.
3. %文書 ~LET 此れの`~node文書$ ◎ Let document be the element’s node document.
4. ~IF［ %文書 は`作動中の文書$でない ］ ⇒ ~RET ◎ If document is not the active document, terminate these steps.
5. %window ~LET %文書 の `defaultView$m 属性~値 ◎ Let window be the value of document’s defaultView attribute.
6. ~IF［ %window ~EQ ~NULL ］ ⇒ ~RET ◎ If window is null, terminate these steps.
7. ~IF［ 此れは`根~要素$である ］~AND［ %文書 は`過去互換~mode$下にある ］ ⇒ ~RET ◎ If the element is the root element and document is in quirks mode, terminate these steps.
8. ~IF［ 此れは`根~要素$である ］ ⇒＃ ( `scrollX^m, %y ) を引数に渡して `scroll()^m を呼出す； ~RET ◎ If the element is the root element invoke scroll() on window with scrollX on window as first argument and y as second argument, and terminate these steps.
9. ~IF［ 此れは `~HTML body 要素$ である ］~AND［ %文書 は`過去互換~mode$下にある ］~AND［ 此れは`~scroll可能になり得ない$ ］ ⇒＃ %options を唯一の引数に渡して %window 上の `scroll()^m を呼出す； ~RET ◎ If the element is the HTML body element, document is in quirks mode, and the element is not potentially scrollable, invoke scroll() on window with options as the only argument, and terminate these steps.

10. ~IF［ 此れは，次のいずれかを満たす ］…：

    • `~CSS~layout~box$を持たない
    • `~scroll用~box$を持たない
    • ~overflowしない

    …ならば ⇒ ~RET

    ◎ If the element does not have any associated CSS layout box, the element has no associated scrolling box, or the element has no overflow, terminate these steps.
11. 次を入力に，`要素を~scrollする$ ⇒ ( 此れ, ( %x, %y ), %options の `behavior$mb ~memberの値 ) ◎ Scroll the element to x,y, with the scroll behavior being the value of the behavior dictionary member of options.

`scrollTo()@m

被呼出時には、同じ引数で `scroll()$m ~methodが呼出されたかのように，動作し~MUST。 ◎ When the scrollTo() method is invoked, the user agent must act as if the scroll() method was invoked with the same arguments.

`scrollBy()@m

被呼出時には、次を走らせ~MUST ］： ◎ When the scrollBy() method is invoked, the user agent must run these steps:

1. ~IF［ ~methodは 1 個の引数 %options を伴って呼出された ］： ◎ If invoked with one argument, follow these substeps:

   1. %options の［ `left$mb, `top$mb ］~member を（もし在するならば）`有限~値に正規化-$する ◎ Let options be the argument. ◎ Normalize non-finite values for left and top dictionary members of options, if present.

2. ~IF［ ~methodは 2 個の引数 %x, %y を伴って呼出された ］： ◎ If invoked with two arguments, follow these substeps:

   1. %options ~LET ~NULL を ~IDL `ScrollToOptions$I 型の`辞書~値に変換-$した結果 `WEBIDL$r ◎ Let options be null converted to a ScrollToOptions dictionary. [WEBIDL] ◎ Let x and y be the arguments, respectively.
   2. %options の［ `left$mb, `top$mb ］~member ~SET 順に［ %x, %y ］を`有限~値に正規化-$した結果 ◎ Normalize non-finite values for x and y. ◎ Let the left dictionary member of options have the value x. ◎ Let the top dictionary member of options have the value y.
3. %options の［ `left$mb, `top$mb ］~memberに，此れの［ `scrollLeft$m, `scrollLeft$m ］値を順に加算する ◎ Add the value of scrollLeft to the left dictionary member. ◎ Add the value of scrollTop to the top dictionary member.
4. %options を唯一の引数に， `scroll()$m ~methodが呼出されたかのように，動作する ◎ Act as if the scroll() method was invoked with options as the only argument.

`scrollTop@m ｜ `scrollLeft@m

取得子は、次を走らせ~MUST： ◎ The scrollTop attribute, on getting, must return the result of running these steps:

1. %文書 ~LET 此れの`~node文書$ ◎ Let document be the element’s node document.
2. ~IF［ %文書 は`作動中の文書$でない ］ ⇒ ~RET 0 ◎ If document is not the active document, return zero and terminate these steps.
3. %window ~LET %文書 の `defaultView$m 属性~値 ◎ Let window be the value of document’s defaultView attribute.
4. ~IF［ %window ~EQ ~NULL ］ ⇒ ~RET 0 ◎ If window is null, return zero and terminate these steps.
5. ~IF［ 此れは`根~要素$である ］~AND［ %文書 は`過去互換~mode$下にある ］ ⇒ ~RET 0 ◎ If the element is the root element and document is in quirks mode, return zero and terminate these steps.

6. ~IF［ 次のいずれかが満たされる ］…：

   • 此れは`根~要素$である
   • ［ 此れは `~HTML body 要素$である ］~AND［ %文書 は`過去互換~mode$下にある ］~AND［ 此れは`~scroll可能になり得ない$ ］

   …ならば ⇒ ~RET %window 上の［ `scrollY^m ｜ `scrollX^m ］の値

   ◎ If the element is the root element return the value of scrollY on window. ◎ If the element is the HTML body element, document is in quirks mode, and the element is not potentially scrollable, return the value of scrollY on window.
7. ~IF［ 此れは `~CSS~layout~box$を持たない ］ ⇒ ~RET ~zero ◎ If the element does not have any associated CSS layout box, return zero and terminate these steps.
8. ~RET 此れの`~scroll用~区画$の整列~点から相対的な， 此れの`~padding辺$の［ 上端の y 座標 ｜ 左端の x 座標 ］ ◎ Return the y-coordinate of the scrolling area at the alignment point with the top of the padding edge of the element.

設定子は、次を走らせ~MUST： ◎ When setting the scrollTop attribute these steps must be run:

1. %v ~LET 与えられた値を`有限~値に正規化-$した結果 ◎ Let y be the given value. ◎ Normalize non-finite values for y.
2. %文書 ~LET 此れの`~node文書$ ◎ Let document be the element’s node document.
3. ~IF［ %文書 は`作動中の文書$でない ］ ⇒ ~RET ◎ If document is not the active document, terminate these steps.
4. %window ~LET %文書 の `defaultView$m 属性~値 ◎ Let window be the value of document’s defaultView attribute.
5. ~IF［ %window ~EQ ~NULL ］ ⇒ ~RET ◎ If window is null, terminate these steps.
6. ~IF［ 此れは`根~要素$である ］~AND［ %文書 は`過去互換~mode$下にある ］ ⇒ ~RET ◎ If the element is the root element and document is in quirks mode, terminate these steps.

7. ~IF［ 次のいずれかが満たされる ］…：

   • 此れは`根~要素$である
   • ［ 此れは `~HTML body 要素$ である ］~AND［ %文書 は`過去互換~mode$下にある ］~AND［ 此れは`~scroll可能になり得ない$ ］

   …ならば：

   1. 次の引数を渡して， `scroll()^m を呼出す：

      1. 第一~引数：［ `scrollX^m の値｜ %v ］
      2. 第二~引数：［ %v ｜ `scrollY^m の値 ］
   2. ~RET
   ◎ If the element is the root element invoke scroll() on window with scrollX on window as first argument and y as second argument, and terminate these steps. ◎ If the element is the HTML body element, document is in quirks mode, and the element is not potentially scrollable, invoke scroll() on window with scrollX as first argument and y as second argument, and terminate these steps.

8. ~IF［ 此れは，次のいずれかを満たす ］ ⇒ ~RET：

   • `~CSS~layout~box$を持たない
   • `~scroll用~box$を持たない
   • ~overflowしない
   ◎ If the element does not have any associated CSS layout box, the element has no associated scrolling box, or the element has no overflow, terminate these steps.
9. %目的位置 ~LET ( ［ `scrollLeft$m の値 ｜ %v ］, ［ %v ｜ `scrollTop$m の値 ］ ) ◎ ↓
10. 次を入力に，`要素を~scrollする$ ⇒ ( 此れ, %目的位置 , `auto$l ) ◎ Scroll the element to scrollLeft,y, with the scroll behavior being "auto".

◎ The scrollLeft attribute, on getting, must return the result of running these steps: • Let document be the element’s node document. • If document is not the active document, return zero and terminate these steps. • Let window be the value of document’s defaultView attribute. • If window is null, return zero and terminate these steps. • If the element is the root element and document is in quirks mode, return zero and terminate these steps. • If the element is the root element return the value of scrollX on window. • If the element is the HTML body element, document is in quirks mode, and the element is not potentially scrollable, return the value of scrollX on window. • If the element does not have any associated CSS layout box, return zero and terminate these steps. • Return the x-coordinate of the scrolling area at the alignment point with the left of the padding edge of the element. ◎ When setting the scrollLeft attribute these steps must be run: • Let x be the given value. • Normalize non-finite values for x. • Let document be the element’s node document. • If document is not the active document, terminate these steps. • Let window be the value of document’s defaultView attribute. • If window is null, terminate these steps. • If the element is the root element and document is in quirks mode, terminate these steps. • If the element is the root element invoke scroll() on window with x as first argument and scrollY on window as second argument, and terminate these steps. • If the element is the HTML body element, document is in quirks mode, and the element is not potentially scrollable, invoke scroll() on window with x as first argument and scrollY on window as second argument, and terminate these steps. • If the element does not have any associated CSS layout box, the element has no associated scrolling box, or the element has no overflow, terminate these steps. • Scroll the element to x,scrollTop, with the scroll behavior being "auto".

`scrollWidth@m ｜ `scrollHeight@m

取得子は、次を走らせ~MUST： ◎ The scrollWidth attribute must return the result of running these steps:

1. %文書 ~LET 此れの`~node文書$ ◎ Let document be the element’s node document.
2. ~IF［ %文書 は`作動中の文書$でない ］ ⇒ ~RET 0 ◎ If document is not the active document, return zero and terminate these steps.

3. ~IF［ 次のいずれかが満たされる ］…：

   • ［ %文書 は`過去互換~mode$下にない ］~AND［ 此れは`根~要素$である ］
   • ［ %文書 は`過去互換~mode$下にある ］~AND［ 此れは `~HTML body 要素$である ］~AND［ 此れは `~scroll可能になり得ない$ ］

   …ならば：

   1. ~IF［ 此れの`表示域$は無い ］ ⇒ ~RET ~zero
   2. ~RET max( `表示域$の`~scroll用~区画$の［ 横幅 ｜ 縦幅 ］, `表示域$の［ `有効~横幅$ ｜ `有効~縦幅$ ］ )
   ◎ Let viewport width be the width of the viewport excluding the width of the scroll bar, if any, or zero if there is no viewport. ◎ If the element is the root element and document is not in quirks mode return max(viewport scrolling area width, viewport width). ◎ If the element is the HTML body element, document is in quirks mode and the element is not potentially scrollable, return max(viewport scrolling area width, viewport width).
4. ~IF［ 此れは `~CSS~layout~box$を持たない ］ ⇒ ~RET ~zero ◎ If the element does not have any associated CSS layout box return zero and terminate these steps.
5. ~RET 此れの`~scroll用~区画$の［ 横幅 ｜ 縦幅 ］ ◎ Return the width of the element’s scrolling area.

◎ The scrollHeight attribute must return the result of running these steps: • Let document be the element’s node document. • If document is not the active document, return zero and terminate these steps. • Let viewport height be the height of the viewport excluding the height of the scroll bar, if any, or zero if there is no viewport. • If the element is the root element and document is not in quirks mode return max(viewport scrolling area height, viewport height). • If the element is the HTML body element, document is in quirks mode and the element is not potentially scrollable, return max(viewport scrolling area height, viewport height). • If the element does not have any associated CSS layout box return zero and terminate these steps. • Return the height of the element’s scrolling area.

`clientTop@m ｜ `clientLeft@m

取得子は、次を走らせ~MUST： ◎ The clientTop attribute must run these steps:

1. ~IF［ 此れは `~CSS~layout~box$を持たない ］~OR［ 此れの `~CSS~layout~box$は`行内$である ］ ⇒ ~RET ~zero ◎ If the element has no associated CSS layout box or if the CSS layout box is inline, return zero.

2. ~RET 次の和：

   • ［ `border-top-width$p ｜ `border-left-width$p ］~propの算出値
   • `~padding辺$の［ 上端 ｜ 左端 ］と`~border辺$の［ 上端 ｜ 左端 ］の間に描画された~scroll~barの［ 縦幅 ｜ 横幅 ］

   — ここで、 此れとその先祖に対する`変形$は適用しないとする。

   ◎ Return the computed value of the border-top-width property plus the height of any scrollbar rendered between the top padding edge and the top border edge, ignoring any transforms that apply to the element and its ancestors.

◎ The clientLeft attribute must run these steps: • If the element has no associated CSS layout box or if the CSS layout box is inline, return zero. • Return the computed value of the border-left-width property plus the width of any scrollbar rendered between the left padding edge and the left border edge, ignoring any transforms that apply to the element and its ancestors.

`clientWidth@m ｜ `clientHeight@m

取得子は、次を走らせ~MUST： ◎ The clientWidth attribute must run these steps:

1. ~IF［ 此れは `~CSS~layout~box$を持たない ］~OR［ 此れの `~CSS~layout~box$は`行内$である ］ ⇒ ~RET ~zero ◎ If the element has no associated CSS layout box or if the CSS layout box is inline, return zero.

2. ~IF［ 次のいずれかが満たされる ］…：

   • ［ 此れは`根~要素$である ］~AND［ %文書 は`過去互換~mode$下にない ］
   • ［ 此れは `~HTML body 要素$ である ］~AND［ %文書 は`過去互換~mode$下にある ］

   …ならば ⇒ ~RET `表示域$の［ `有効~横幅$ ｜ `有効~縦幅$ ］

   ◎ If the element is the root element and the element’s node document is not in quirks mode, or if the element is the HTML body element and the element’s node document is in quirks mode, return the viewport width excluding the size of a rendered scroll bar (if any).

3. ~RET `~padding辺$の［ 横幅 ｜ 縦幅 ］ — ここで：

   • `~padding辺$と`~border辺$の間に~scroll~barが描画されている場合は，その分の［ 横幅 ｜ 縦幅 ］は除外する。
   • 此れとその先祖に対する`変形$は適用しないとする。
   ◎ Return the width of the padding edge excluding the width of any rendered scrollbar between the padding edge and the border edge, ignoring any transforms that apply to the element and its ancestors.

◎ The clientHeight attribute must run these steps: • If the element has no associated CSS layout box or if the CSS layout box is inline, return zero. • If the element is the root element and the element’s node document is not in quirks mode, or if the element is the HTML body element and the element’s node document is in quirks mode, return the viewport height excluding the size of a rendered scroll bar (if any). • Return the height of the padding edge excluding the height of any rendered scrollbar between the padding edge and the border edge, ignoring any transforms that apply to the element and its ancestors.

7. `HTMLElement^I ~interfaceに対する拡張

partial interface `HTMLElement!I {
  readonly attribute `Element$I? `offsetParent$m;
  readonly attribute long `offsetTop$m;
  readonly attribute long `offsetLeft$m;
  readonly attribute long `offsetWidth$m;
  readonly attribute long `offsetHeight$m;
};

`offsetParent@m

取得子は、次を走らせ~MUST： ◎ The offsetParent attribute must return the result of running these steps:

1. ~IF［ 此れは次のいずれかを満たす ］ ⇒ ~RET ~NULL： ◎ If any of the following holds true return null and terminate this algorithm:

   • `~CSS~layout~box$を持たない。 ◎ The element does not have an associated CSS layout box.
   • `根~要素$である。 ◎ The element is the root element.
   • `~HTML body 要素$である。 ◎ The element is the HTML body element.
   • `position$p ~propの算出値 ~EQ `fixed^v ◎ The element’s computed value of the position property is fixed.
2. %先祖 ~LET 此れ ◎ ↓

3. ~WHILE［ `平坦~木$における %先祖 の親~要素 %親 はある ］： ◎ Let ancestor be the parent of the element in the flat tree and repeat these substeps:

   1. %先祖 ~SET %親 ◎ ↑

   2. ~IF［ %先祖 は 此れから`~closed-shadow-hidden$である ］ ⇒ ~IF［ %先祖 の `position$p ~propの算出値 ~EQ `fixed^v ］ ⇒ ~RET ~NULL ◎ If ancestor is closed-shadow-hidden from the element and its computed value of the position property is fixed, terminate this algorithm and return null.

   3. ~ELIF［ 次のいずれかが満たされる ］…： ◎ If ancestor is not closed-shadow-hidden from the element and satisfies at least one of the following, terminate this algorithm and return ancestor.

      • 此れは、絶対位置された子孫の包含塊を成す（そのような子孫があるかどうかにかかわらず） ◎ The element is a containing block of absolutely-positioned descendants (regardless of whether there are any absolutely-positioned descendants).
      • %先祖 は `~HTML body 要素$である ◎ It is the HTML body element.
      • ［ 此れの `position$p ~propの算出値 ~EQ `static^v ］~AND［ %先祖 は［ `td^e, `th^e, `table^e ］いずれかの `~HTML要素$ である ］ ◎ The computed value of the position property of the element is static and the ancestor is one of the following HTML elements: td, th, or table.

      …ならば ⇒ ~RET %先祖 ◎ If there is no more parent of ancestor in the flat tree, terminate this algorithm and return null. ◎ Let ancestor be the parent of ancestor in the flat tree.

4. ~RET ~NULL ◎ ↑

`offsetTop@m ｜ `offsetLeft@m

取得子は、次を走らせ~MUST： ◎ The offsetTop attribute must return the result of running these steps:

1. ~IF［ 此れは `~HTML body 要素$である ］~OR［ 此れは `~CSS~layout~box$を持たない ］ ⇒ ~RET ~zero ◎ If the element is the HTML body element or does not have any associated CSS layout box return zero and terminate this algorithm.
2. ~IF［ 此れの `offsetParent$m ~EQ ~NULL ］ ⇒ ~RET ［ `初期~包含塊$原点に相対的な，此れの最初の `~CSS~layout~box$の`~border辺$の［ 上端の y 座標 ｜ 左端の x 座標 ］］ — ここで、此れとその先祖に対する`変形$は適用しないとする。 ◎ If the offsetParent of the element is null return the y-coordinate of the top border edge of the first CSS layout box associated with the element, relative to the initial containing block origin, ignoring any transforms that apply to the element and its ancestors, and terminate this algorithm.

3. ~RET ( 此れの最初の `~CSS~layout~box$の`~border辺$の［ 上端の y 座標 ｜ 左端の x 座標 ］ ) − ( 此れの `offsetParent$m の最初の `~CSS~layout~box$の`~padding辺$の［ 上端の y 座標 ｜ 左端の x 座標 ］ ) — ここで：

   • いずれの座標も`初期~包含塊$の原点に相対的とする。
   • 此れとその先祖に対する`変形$は適用しないとする。

   ◎ Return the result of subtracting the y-coordinate of the top padding edge of the first CSS layout box associated with the offsetParent of the element from the y-coordinate of the top border edge of the first CSS layout box associated with the element, relative to the initial containing block origin, ignoring any transforms that apply to the element and its ancestors.

   注記： 複数の行l~boxからなる`行内$要素については、その最初の `~CSS~layout~box$のみが考慮されることになる。 ◎ Note: An inline element that consists of multiple line boxes will only have its first CSS layout box considered.

◎ The offsetLeft attribute must return the result of running these steps: • If the element is the HTML body element or does not have any associated CSS layout box return zero and terminate this algorithm. • If the offsetParent of the element is null return the x-coordinate of the left border edge of the first CSS layout box associated with the element, relative to the initial containing block origin, ignoring any transforms that apply to the element and its ancestors, and terminate this algorithm. • Return the result of subtracting the x-coordinate of the left padding edge of the first CSS layout box associated with the offsetParent of the element from the x-coordinate of the left border edge of the first CSS layout box associated with the element, relative to the initial containing block origin, ignoring any transforms that apply to the element and its ancestors.

`offsetWidth@m ｜ `offsetHeight@m

取得子は、次を走らせ~MUST： ◎ The offsetWidth attribute must return the result of running these steps:

1. ~IF［ 此れは `~CSS~layout~box$を持たない ］ ⇒ ~RET ~zero ◎ If the element does not have any associated CSS layout box return zero and terminate this algorithm.
2. ~RET 此れの最初の `~CSS~layout~box$の`~border辺$の［ 横幅 ｜ 縦幅 ］ — ここで、此れとその先祖に対する`変形$は適用しないとする。 ◎ Return the border edge width of the first CSS layout box associated with the element, ignoring any transforms that apply to the element and its ancestors.

◎ The offsetHeight attribute must return the result of running these steps: • If the element does not have any associated CSS layout box return zero and terminate this algorithm. • Return the border edge height of the first CSS layout box associated with the element, ignoring any transforms that apply to the element and its ancestors.

8. `HTMLImageElement^I ~interfaceに対する拡張

partial interface `HTMLImageElement!I {
  readonly attribute long `x$m;
  readonly attribute long `y$m;
};

`x@m ｜ `y@m

取得子は、次を走らせ~MUST：

1. ~IF［ 此れは `~CSS~layout~box$を持たない ］ ⇒ ~RET ~zero
2. ~RET `初期~包含塊$の原点に相対的な［ 此れの最初の `~CSS~layout~box$の`~border辺$ ］の［ 左端の x 座標 ｜ 上端の y 座標 ］］ — ここで、此れとその先祖に対する`変形$は適用しないとする。

◎ The x attribute, on getting, must return the x-coordinate of the left border edge of the first CSS layout box associated with the element, relative to the initial containing block origin, ignoring any transforms that apply to the element and its ancestors, or zero if there is no CSS layout box. ◎ The y attribute, on getting, must return the y-coordinate of the top border edge of the first CSS layout box associated with the element, relative to the initial containing block origin, ignoring any transforms that apply to the element and its ancestors, or zero if there is no CSS layout box.

9. `Range^I ~interfaceに対する拡張

partial interface `Range!I {
  `DOMRectList$I `getClientRects$m();
  [`NewObject$] `DOMRect$I `getBoundingClientRect$m();
};

`getClientRects()@m

被呼出時には、次を走らせ~MUST： ◎ The getClientRects() method, when invoked, must＼

1. ~IF［ 此れは文書~内を指していない ］ ⇒ ~RET 空の `DOMRectList$I ~obj ◎ return an empty DOMRectList object if the range is not in the document and＼

2. ~RET ［ 次の拘束に合致するような `DOMRect$I ~obj ］からなる，内容~順の~listを包含する `DOMRectList$I ~obj： ◎ otherwise a DOMRectList object containing a list of DOMRect objects in content order that matches the following constraints:

   • 此れに`包含され$ている ~EACH ( %要素 ) に対する ⇒ %要素 上の `getClientRects()^m を呼出した返り値に含まれる~border区画たち。 ◎ For each element selected by the range, whose parent is not selected by the range, include the border areas returned by invoking getClientRects() on the element.

   • 此れに［ `部分的に包含され$ているか`包含され$ている† ］ ~EACH( `Text$I ~node ) （`始端$と`終端$が同じになるものも含まれる）に対する ⇒ （行l~box全体ではなく）選択された部分のみを囲む `DOMRect$I ~obj

     【† `包含され$ている要素~内の `Text^I ~nodeも除外されないことになる。 】

     これらの `DOMRect$I ~objの境界は、~font計量を用いて算出される。 したがって，横書きの下では、各~boxの 縦方向の寸法は~fontの~ascentと~descentから決定され, 横方向の寸法は~textの送り幅から決定される。 此れの`中身$が `~typographic文字~単位$ `CSS-TEXT-3$r を部分的に含む場合（例： 代用対の片割れや書記素~clusterの一部分）、境界を算出する目的においては，その`~typographic文字~単位$を全部的に含め~MUST。 要素の先祖に対する`変形$は、適用される。

     【 “送り幅（ advance ）” — 対象~textが描画される起点から，後続の~textが同じ行lに描画されるとするときの，その起点までの長さ 】

     ◎ For each Text node selected or partially selected by the range (including when the boundary-points are identical), include a DOMRect object (for the part that is selected, not the whole line box). The bounds of these DOMRect objects are computed using font metrics; thus, for horizontal writing, the vertical dimension of each box is determined by the font ascent and descent, and the horizontal dimension by the text advance width. If the range covers a partial typographic character unit (e.g. half a surrogate pair or part of a grapheme cluster), the full typographic character unit must be included for the purpose of computing the bounds of the relevant DOMRect. [CSS-TEXT-3] The transforms that apply to the ancestors are applied.

注記： この~methodが返す `DOMRect$I ~objは、`~live$でない。 ◎ Note: The DOMRect objects returned by getClientRects() are not live.

`getBoundingClientRect@m

被呼出時には、次の~algoによる結果を返さ~MUST： ◎ The getBoundingClientRect() method, when invoked, must return the result of the following algorithm:

1. %~list ~LET 此れ上で `getClientRects()$m を呼出した結果 ◎ Let list be the result of invoking getClientRects() on the same range this method was invoked on.
2. ~IF［ %~list は空である ］ ⇒ ~RET 次のようにされた `DOMRect$I ~obj ⇒ ［ `x^m, `y^m, `width^m, `height^m ］属性 ~SET 0 ◎ If list is empty return a DOMRect object whose x, y, width and height members are zero.
3. ~IF［ %~list 内の どの矩形も，横幅, 縦幅ともに~zeroである ］ ⇒ ~RET %~list 内の最初の矩形 ◎ If all rectangles in list have zero width or height, return the first rectangle in list.
4. ~RET ［ %~list 内の［ 横幅, 縦幅ともに~zeroでない ］すべての矩形を包含するような，最小の矩形 ］を表現する `DOMRect$I ~obj ◎ Otherwise, return a DOMRect object describing the smallest rectangle that includes all of the rectangles in list of which the height or width is not zero.

注記： この~methodが返す `DOMRect$I ~objは、`~live$でない。 ◎ Note: The DOMRect object returned by getBoundingClientRect() is not live.

10. `MouseEvent^I ~interfaceに対する拡張

この~obj~IDL片は、一部の~memberを再定義している。 Can we resolve this somehow? ◎ The object IDL fragment redefines some members. Can we resolve this somehow?

partial interface `MouseEvent!I {
  readonly attribute double `screenX$m;
  readonly attribute double `screenY$m;
  readonly attribute double `pageX$m;
  readonly attribute double `pageY$m;
  readonly attribute double `clientX$m;
  readonly attribute double `clientY$m;
  readonly attribute double `x$m;
  readonly attribute double `y$m;
  readonly attribute double `offsetX$m;
  readonly attribute double `offsetY$m;
};

partial dictionary `MouseEventInit!I {
  double `screenX@m = 0.0;
  double `screenY@m = 0.0;
  double `clientX@m = 0.0;
  double `clientY@m = 0.0;
};

`screenX@m ｜ `screenY@m

取得子は、`~Webに公開される~screen区画$の原点に相対的な，此れが生じた地点の［ x 座標 ｜ y 座標 ］を返さ~MUST。 ◎ The screenX attribute must return the x-coordinate of the position where the event occurred relative to the origin of the Web-exposed screen area. ◎ The screenY attribute must return the y-coordinate of the position where the event occurred relative to the origin of the Web-exposed screen area.

`pageX@m ｜ `pageY@m

取得子は、次を走らせ~MUST： ◎ The pageX attribute must follow these steps:

1. ~IF［ 此れの`配送~flag$ ~EQ ~ON ］ ⇒ ~RET `初期~包含塊$の原点に相対的な，此れが生じた地点の［ 横方向 ｜ 縦方向 ］の座標 ◎ If the event’s dispatch flag is set, return the horizontal coordinate of the position where the event occurred relative to the origin of the initial containing block and terminate these steps.
2. %offset ~SET 此れに結付けられている `Window$I ~objが［ あれば，その［ `scrollX^m ｜ `scrollY^m ］属性の値 ／ 無ければ ~zero ］。 ◎ Let offset be the value of the scrollX attribute of the event’s associated Window object, if there is one, or zero otherwise.
3. ~RET ［ %offset + ( 此れの［ `clientX$m ｜ `clientY$m ］属性の値 ) ］ ◎ Return the sum of offset and the value of the event’s clientX attribute.

◎ The pageY attribute must follow these steps: • If the event’s dispatch flag is set, return the vertical coordinate of the position where the event occurred relative to the origin of the initial containing block and terminate these steps. • Let offset be the value of the scrollY attribute of the event’s associated Window object, if there is one, or zero otherwise. • Return the sum of offset and the value of the event’s clientY attribute.

`clientX@m ｜ `clientY@m

取得子は、`表示域$の原点に相対的な，此れが生じた地点の［ x 座標 ｜ y 座標 ］を返さ~MUST。 ◎ The clientX attribute must return the x-coordinate of the position where the event occurred relative to the origin of the viewport. ◎ The clientY attribute must return the y-coordinate of the position where the event occurred relative to the origin of the viewport.

`x@m ｜ `y@m

取得子は、［ `clientX$m ｜ `clientY$m ］と同じ値を返さ~MUST。 ◎ The x attribute must return the value of clientX. ◎ The y attribute must return the value of clientY.

`offsetX@m ｜ `offsetY@m

取得子は、次を走らせ~MUST： ◎ The offsetX attribute must follow these steps:

1. ~IF［ 此れの`配送~flag$ ~EQ ~ON ］ ⇒ ~RET 要素とその先祖に対する`変形$は適用しない下で， target ~nodeの`~padding辺$の原点に相対的な，此れが生じた地点の［ x 座標 ｜ y 座標 ］ ◎ If the event’s dispatch flag is set, return the x-coordinate of the position where the event occurred relative to the origin of the padding edge of the target node, ignoring the transforms that apply to the element and its ancestors, and terminate these steps.

   【 target ~node： 此れの配送~先の~node（より明確には，~event伝播の中で `AT_TARGET$m に該当する~node）。 】

2. ~RET ［ `pageX$m ｜ `pageY$m ］属性の値 ◎ Return the value of the event’s pageX attribute.

◎ The offsetY attribute must follow these steps: • If the event’s dispatch flag is set, return the y-coordinate of the position where the event occurred relative to the origin of the padding edge of the target node, ignoring the transforms that apply to the element and its ancestors, and terminate these steps. • Return the value of the event’s pageY attribute.

11. 幾何

enum `CSSBoxType@I { `margin@l, `border@l, `padding@l, `content@l };
dictionary `BoxQuadOptions@I {
  `CSSBoxType$I `box@mb = `border$l;
  `GeometryNode$I `relativeTo@mb; // XXX default document (i.e. viewport)
};

dictionary `ConvertCoordinateOptions@I {
  `CSSBoxType$I `fromBox@mb = `border$l;
  `CSSBoxType$I `toBox@mb = `border$l;
};

interface mixin `GeometryUtils@I {
  sequence<`DOMQuad$I> `getBoxQuads$m(
      optional `BoxQuadOptions$I %options
  );
  `DOMQuad$I `convertQuadFromNode$m(
      `DOMQuadInit$I %quad,
      `GeometryNode$I %from,
      optional `ConvertCoordinateOptions$I %options
  );
  `DOMQuad$I `convertRectFromNode$m(
      `DOMRectReadOnly$I %rect,
      `GeometryNode$I %from,
      optional `ConvertCoordinateOptions$I %options
  );
  `DOMPoint$I `convertPointFromNode$m(
      `DOMPointInit$I %point,
      `GeometryNode$I %from,
      optional `ConvertCoordinateOptions$I %options
  ); // XXX z,w turns into 0
};
 
`Text$I includes `GeometryUtils$I; // like Range
`Element$I includes `GeometryUtils$I;
`CSSPseudoElement$I includes `GeometryUtils$I;
`Document$I includes `GeometryUtils$I;

typedef (`Text$I or `Element$I or `CSSPseudoElement$I or `Document$I) `GeometryNode@I;

12. ~event

13. ~CSS~prop

この節の特色機能は他の仕様に移動されるべきであろう。 ◎ The features in this section should be moved to some other specification.

変更履歴

この節では、この仕様の各発行版の間の変更点の一部を文書化する。 この節は，網羅的なものではない。 ~bug修正および編集上の変更点は、一般に挙げられない。 ◎ This section documents some of the changes between publications of this specification. This section is not exhaustive. Bug fixes and editorial changes are generally not listed.