CSSOM View Module

`screen@m 取得子~手続きは ⇒ ~RET コレに結付けられた `Screen$I ~obj ◎ 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.

注記： `VisualViewport$I ~objが［ 返される／有用になる ］のは、 %文書 が現在~呈示されている【`全部的に作動中$である】間に限られる。 `VisualViewport^I ~objへの参照が【~scriptにより】維持されていても、 %文書 は現在~呈示されていない場合， この~obj内の値【各~member】は当の閲覧~文脈についての情報を露呈しないモノトスル 【この要件の詳細は、 `VisualViewport^I の各~member定義を見よ】。 ◎ Note: the VisualViewport object is only returned and useful for a window whose Document is currently being presented. If a reference is retained to a VisualViewport whose associated Document is not being currently presented, the values in that VisualViewport must not reveal any information about the browsing context.

`moveTo(x, y)@m ~method手続きは： ◎ The moveTo(x, y) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, return.
2. %target ~LET コレに`関連な大域~obj$に`対応する閲覧~文脈$ ◎ Let target be this’s relevant global object’s browsing context.
3. ~IF［ %target は［ （利用者による動作ではなく）~scriptにより作成された`補助~閲覧~文脈$ ］ではない ］ ⇒ ~RET ◎ If target is not an auxiliary browsing context that was created by a script (as opposed to by an action of the user), then return.
4. %~UIwindow ~LET %target の~UIwindow ◎ ↓
5. 任意選択で ⇒ ~UA定義な方式で，［ %x, %y ］を次を満たすよう切詰める ⇒ %~UIwindow が可用な空間の外側に出ない大きさになる ◎ Optionally, clamp x and y in a user-agent-defined manner so that the window does not move outside the available space.
6. %~UIwindow を次を満たすよう移動する ⇒ %~UIwindow の左上隅が［ 出力~機器の左上隅から相対的な［ %target の `px$u 単位による座標 (%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 ~method手続きは： ◎ The moveBy(x, y) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, return.
2. %target ~LET コレに`関連な大域~obj$に`対応する閲覧~文脈$ ◎ Let target be this’s relevant global object’s browsing context.
3. ~IF［ %target は［ （利用者による動作ではなく）~scriptにより作成された`補助~閲覧~文脈$ ］ではない ］ ⇒ ~RET ◎ If target is not an auxiliary browsing context that was created by a script (as opposed to by an action of the user), then return.
4. %~UIwindow ~LET %target の~UIwindow ◎ ↓
5. 任意選択で ⇒ ~UA定義な方式で，［ %x, %y ］を次を満たすよう切詰める ⇒ %~UIwindow が可用な空間の外側に出ない大きさになる ◎ Optionally, clamp x and y in a user-agent-defined manner so that the window does not move outside the available space.
6. %~UIwindow を %target の `px$u 単位で［ 右方に %x, 下方に %y ］だけ移動する ◎ Move target’s window x CSS pixels of target rightward and y CSS pixels of target downward.

`resizeTo(width, height)@m ~method手続きは： ◎ The resizeTo(width, height) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, return.
2. %target ~LET コレに`関連な大域~obj$に`対応する閲覧~文脈$ ◎ Let target be this’s relevant global object’s browsing context.
3. ~IF［ %target は［ （利用者による動作ではなく）~scriptにより作成された`補助~閲覧~文脈$ ］ではない ］ ⇒ ~RET ◎ If target is not an auxiliary browsing context that was created by a script (as opposed to by an action of the user), then return.
4. %~UIwindow ~LET %target の~UIwindow ◎ ↓
5. 任意選択で ⇒ ~UA定義な方式で，［ %width, %height ］を次を満たすよう切詰める ⇒ %~UIwindow の大きさが可用な空間の中で~~適度な［ 上限, 下限 ］に収まる ◎ Optionally, clamp width and height in a user-agent-defined manner so that the window does not get too small or bigger than the available space.

6. %~UIwindow の［ 右辺, 下辺 ］を ~AND↓ を満たすよう移動することにより， %~UIwindow を~resizeする：

   • %target における `px$u 単位による［ 表示域の左辺と右辺の距離 ］ ~EQ %width
   • %target における `px$u 単位による［ 表示域の上辺と下辺の距離 ］ ~EQ %height
   ◎ 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 width CSS pixels of target and the distance between the top and bottom edges of the viewport are height CSS pixels of target.
7. 任意選択で ⇒ ~UA定義な方式で， %~UIwindow を次を満たすよう移動する ⇒ 可用な空間をはみ出さない ◎ 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 ~method手続きは： ◎ The resizeBy(x, y) method must follow these steps:

1. 任意選択で ⇒ ~RET ◎ Optionally, return.
2. %target ~LET コレに`関連な大域~obj$に`対応する閲覧~文脈$ ◎ Let target be this’s relevant global object’s browsing context.
3. ~IF［ %target は［ （利用者による動作ではなく）~scriptにより作成された`補助~閲覧~文脈$ ］ではない ］ ⇒ ~RET ◎ If target is not an auxiliary browsing context that was created by a script (as opposed to by an action of the user), then return.
4. %~UIwindow ~LET %target の~UIwindow ◎ ↓
5. 任意選択で ⇒ ~UA定義な方式で，［ %x, %y ］を次を満たすよう切詰める ⇒ %~UIwindow の大きさが可用な空間の中で~~適度な［ 上限, 下限 ］に収まる ◎ 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.
6. %~UIwindow の右辺と下辺を %target の `px$u 単位で［ 左辺を %x, 上辺を %y ］だけ移動することにより， %~UIwindow を~resizeする ◎ 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.
7. 任意選択で ⇒ ~UA定義な方式で， %~UIwindow を次を満たすよう移動する ⇒ 可用な空間をはみ出さない ◎ Optionally, move target’s window in a user-agent-defined manner so that it does not grow outside the available space.

［ `innerWidth@m ｜ `innerHeight@m ］取得子~手続きは：

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

var %viewportWidth = innerWidth

［ `scrollX@m ｜ `scrollY@m ］取得子~手続きは：

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

`scroll()@m ~method手続きは：

1. ( %x, %y, %挙動 ) ~LET ~methodの引数に応じて：

   • `ScrollToOptions$I %options 引数を伴って呼出された場合 ⇒ ( %options[ "`left$mb" ], %options[ "`top$mb" ], %options[ "`behavior$mb" ] )
   • %x, %y 引数を伴って呼出された場合 ⇒ ( %x, %y, `auto$l )
2. ~IF［ %x ~NEQ ε ］ ⇒ %x ~SET `有限~値に正規化する$( %x )
3. ~IF［ %y ~NEQ ε ］ ⇒ %y ~SET `有限~値に正規化する$( %y )
4. `~window用の~scroll手続き$( コレ, %x, %y, %挙動 )

【 この訳では、 原文による `scroll()$m ~method手続きを成す引数の取扱い以外の部分を， 次に与える手続きに分離する — それは、 複数の箇所から共通して利用されるので。 】

`~window用の~scroll手続き@ は、 所与の ( %window, %x, %y, %挙動 ) に対し： ◎ ↑

1. ~IF［ %window の`表示域$は無い ］ ⇒ ~RET ◎ If there is no viewport, abort these steps.
2. %表示域 ~LET %window の`表示域$

3. %座標 ~LET 次の手続きを走らせた結果：

   1. ~IF［ %x ~EQ ε ］ ⇒ %x ~SET `表示域$の現在の~x軸 ~scroll位置
   2. ~IF［ %y ~EQ ε ］ ⇒ %y ~SET `表示域$の現在の~y軸 ~scroll位置
   3. %~scrollされる区画 ~LET %表示域 の`~scrollされる区画$
   4. %符号 ~LET %表示域 の横方向の`~overflow方向$に応じて ⇒＃ 右方 ならば 1 ／ 左方 ならば −1
   5. %x ~SET %符号 ~MUL `max^op( 0, `min^op( %符号 ~MUL %x, ( %~scrollされる区画 の横幅 ~MINUS %表示域 の`実効~横幅$ )))
   6. %符号 ~LET %表示域 の縦方向の`~overflow方向$に応じて ⇒＃ 下方 ならば 1 ／ 上方 ならば −1
   7. %y ~SET %符号 ~MUL `max^op( 0, `min^op( %符号 ~MUL %y, ( %~scrollされる区画 の縦幅 ~MINUS %表示域 の`実効~縦幅$ )))
   8. ~RET ( %x, %y )
   ◎ Let viewport width be the width of the viewport excluding the width of the scroll bar, if any. ◎ Let viewport height be the height of the viewport excluding the height of the scroll bar, if any. ◎ If the viewport has rightward overflow direction • Let x be max(0, min(x, viewport scrolling area width - viewport width)). ◎ If the viewport has leftward overflow direction • Let x be min(0, max(x, viewport width - viewport scrolling area width)). ◎ If the viewport has downward overflow direction • Let y be max(0, min(y, viewport scrolling area height - viewport height)). ◎ If the viewport has upward overflow direction • Let y be min(0, max(y, viewport height - viewport scrolling area height)).
4. %目的位置 ~LET ［ %~scrollされる区画 の座標 %座標 が %表示域 の左上隅に整列された ］とするときの， %表示域 の~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.
5. ~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.

6. `表示域の~scrollを遂行する$( %表示域, %目的位置 【！, document】, %挙動 ) ◎ （不要）Let document be the viewport’s associated Document. ◎ 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.

   各~UAは、 これが［ `~layout表示域$の`~scrollされる~box$に対し，次のどちらを利用する ］か合意していない ⇒ `表示域$に対する（協調された）`表示域の~scrollを遂行する$／ `~scrollされる~box$に対し`~scrollを遂行する$ ◎ User agents do not agree whether this uses the (coordinated) viewport perform a scroll or the scrolling box perform a scroll on the layout viewport’s scrolling box.

`scrollBy()@m ~method手続きは： ◎ When the scrollBy() method is invoked, the user agent must run these steps:

1. ( %x, %y, %挙動 ) ~LET ~methodの引数に応じて：

   • `ScrollToOptions$I %options 引数を伴って呼出された場合 ⇒ ( %options[ "`left$mb" ], %options[ "`top$mb" ], %options[ "`behavior$mb" ] )
   • %x, %y 引数を伴って呼出された場合 ⇒ ( %x, %y, `auto$l )
   ◎ If invoked with two arguments, follow these substeps: • Let options be null converted to a ScrollToOptions dictionary. [WEBIDL] • 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. ~IF［ %x ~NEQ ε ］ ⇒ %x ~SET `有限~値に正規化する$( %x ) ~PLUS コレの `scrollX$m 取得子~手続き() ◎ Normalize non-finite values for the left and top dictionary members of options. ◎ Add the value of scrollX to the left dictionary member.
3. ~IF［ %y ~NEQ ε ］ ⇒ %y ~SET `有限~値に正規化する$( %y ) ~PLUS コレの `scrollY$m 取得子~手続き() ◎ ↑ ◎ Add the value of scrollY to the top dictionary member.
4. `~window用の~scroll手続き$( コレ, %x, %y, %挙動 ) ◎ Act as if the scroll() method was invoked with options as the only argument.

［ `screenX@m ｜ `screenY@m ］取得子~手続きは：

1. ~IF［ コレの~client~UIwindowは無い ］ ⇒ ~RET 0
2. ~RET 出力~機器の`~Webに公開される~screen区画$の原点に相対的な, `px$u 単位による，~client~UIwindow†の［ 左端の~x座標 ｜ 上端の~y座標 ］

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

［ `outerWidth@m ｜ `outerHeight@m ］取得子~手続きは：

1. ~IF［ コレの~client~UIwindowは無い ］ ⇒ ~RET 0
2. ~RET ~client~UIwindowの［ 横幅 ｜ 縦幅 ］

`機器~pixel比を決定する@ ~algoは： ◎ the following determine the device pixel ratio algorithm:

1. ~IF［ 出力~機器は無い ］ ⇒ ~RET 1 ◎ If there is no output device, return 1 and abort these steps.
2. %~CSS~pixel~size ~LET 1 `px$u の~size — 現在の`~page~zoom$の下で，`拡縮率$vV 1.0 を利用している下での ◎ Let CSS pixel size be the size of a CSS pixel at the current page zoom and using a 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 ~DIV %機器~pixel~size ◎ Return the result of dividing CSS pixel size by device pixel size.

`elementFromPoint(x, y)@m ~method手続きは： ◎ The elementFromPoint(x, y) method must follow these steps:

1. ~IF［ コレに結付けられた`表示域$は無い ］ ⇒ ~RET ~NULL ◎ ↓

2. ~IF［ ~NOT ~AND↓ ］…

   • 0 ~LTE %x ~LTE `表示域$の`実効~横幅$
   • 0 ~LTE %y ~LTE `表示域$の`実効~縦幅$

   …ならば ⇒ ~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) にて`接触判定$の~targetになる`~box$ ］は`表示域$内にある ］ ⇒ ~RET それを結付けている要素 ◎ If there is a 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 コレの`根~要素$ ◎ 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の利用を通して`接触判定$の~targetから除外され得る。 ◎ 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 ~method手続きは： ◎ The elementsFromPoint(x, y) method must follow these steps:

1. %~list ~LET 新たな~list ◎ Let sequence be a new empty sequence.

2. ~IF［ コレに結付けられた`表示域$は在る ］~AND［ 0 ~LTE %x ~LTE `表示域$の`実効~横幅$ ］~AND［ 0 ~LTE %y ~LTE `表示域$の`実効~縦幅$ ］： ◎ 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.

   1. %~list に次を満たす すべての要素を付加する — 最~上端な【すなわち，最も手前に塗られる】~boxから順に，要素の`~box$の塗り順序で ⇒ `表示域$の子孫に適用される`変形$を適用したとするとき、 要素の`~box$は， `表示域$内にあり, かつ座標 ( %x, %y ) にて`接触判定$の~targetになる （そこに何も `overlap^en していないとしても【要素には塗られる内容がないとしても？】） ◎ For each 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.
   2. ~IF［ %~list は空でない ］~AND［ コレの`根~要素$ %根 ~NIN { ~NULL, %~list の最後の~item } ］ ⇒ %~list に %根 を付加する ◎ If the document has a root element, and the last item in sequence is not the root element, append the root element to sequence.
3. ~RET %~list を表現する連列~型~obj ◎ Return sequence.

`caretPositionFromPoint(x, y, options)@m ~method手続きは： ◎ 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［ ~NOT ~AND↓ ］…

   • 0 ~LTE %x ~LTE `表示域$の`実効~横幅$
   • 0 ~LTE %y ~LTE `表示域$の`実効~縦幅$

   …ならば ⇒ ~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. `表示域$の子孫に適用される`変形$を適用したとするときの， `表示域$内の座標 ( %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.
   • 挿入でき，そこは［ ある`置換d要素$による~text手入力~widget %~widget ］内である場合 ⇒ ~RET 次のように設定された`~caret位置$ ⇒＃ `~caret~node$ ~SET %~widget に対応する~node, `~caret~offset$ ~SET 左端から~text挿入~点~指示子が挿入される位置までにある`符号単位$の個数 ◎ 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 •• The node corresponding to the text entry widget. • caret offset •• The amount of 16-bit units to the left of where the text insertion point indicator would have inserted.

   • 挿入でき，そこは［ ある`境界~点$ %~caret位置 ］に一致する場合： ◎ Otherwise: • Let caretPosition be a tuple consisting of a caretPositionNode (a node) and a caretPositionOffset (a non-negative integer) 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.

     1. %始端~node ~LET %~caret位置 の`~node$bp ◎ Let startNode be the caretPositionNode of the caretPosition,＼
     2. %始端~offset ~LET %~caret位置 の`~offset$bp ◎ and let startOffset be the caretPositionOffset of the caretPosition.

     3. ~WHILE［ %始端~node ~NEQ ~NULL【！は ~DOM4#boundary-point-node である】 ］：

        1. %根 ~LET %始端~node の`根$
        2. ~IF［ %根 は`~shadow根$【！~DOM4#concept-element-shadow-root】でない ］ ⇒ ~BREAK
        3. %options[ `CaretPositionFromPointOptions^I1"`shadowRoots$m1" ] を成す ~EACH( %~shadow根 ) に対し ⇒ ~IF［ %根 は %~shadow根 の`~shadowも含めた広義-先祖$である ］ ⇒ ~BREAK
        4. %始端~offset ~SET %根 の`~host$の`~index$
        5. %始端~node ~SET %根 の`~host$の`親$
        ◎ While startNode is a node, startNode’s root is a shadow root, and startNode’s root is not a shadow-including inclusive ancestor of any of options["shadowRoots"], repeat these steps: • Set startOffset to index of startNode’s root’s host. • Set startNode to startNode’s root’s host’s parent.
     4. ~RET 次のように設定された`~caret位置$ ⇒＃ `~caret~node$ ~SET %始端~node, `~caret~offset$ ~SET %始端~offset, ◎ Return a caret position with its properties set as follows: • caret node is set to startNode. • caret offset is set to startOffset.

`scrollingElement@m 取得子~手続きは： ◎ The scrollingElement attribute, on getting, must run these steps:

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

   1. %~body ~LET コレの`~body要素$ ◎ ↓

   2. ~IF［ %~body ~NEQ ~NULL ］~AND［ %~body は`~scroll可能になり得ない$† ］ ⇒ ~RET %~body ◎ If the body element exists, and it is not potentially scrollable, return the body element and abort these steps.

      † この目的においては、 %~body の `overflow$p 値が `clip^v の場合には， %~body の親~要素の `overflow$p は `hidden^v として扱うモノトスル。 ◎ For this purpose, a value of overflow:clip on the body element’s parent element must be treated as overflow:hidden.

   3. ~RET ~NULL ◎ Return null and abort these steps.
2. ~RET コレの`根~要素$ ◎ If there is a root element, return the root element and abort these steps. ◎ Return null.

注記： `scrollingElement$m 属性は、 不適合な~UA — ［ `scrollTop^m, `scrollLeft^m ］用には常に`過去互換~mode$の挙動を利用する~UA — 用には，常に`~body要素$を返す（ ~NULL にもなり得る）ものと期待されている。 この~APIは、 ~Web開発者が，それを利用して［ ~scroll用~APIに利用するための的確な要素 ］を取得できるようにするために存在する — ~UAの挙動について特定0の何かを前提にすることも， どの要素が表示域を~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 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.

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

`getClientRects()@m ~method手続きは： ◎ The getClientRects() method, when invoked, must return the result of the following algorithm:

1. ~IF［ コレは`~box$を有さない ］ ⇒ ~RET 空な `DOMRectList$I ~obj ◎ If the element on which it was invoked does not have an associated box return an empty DOMRectList object and stop this algorithm.
2. ~IF［ コレは`~SVG~layout~box$を有する ］ ⇒ ~RET 次で与えられる矩形を表す 1 個の `DOMRect$I ~objからなる`有拡縮$な `DOMRectList$I ~obj ⇒ コレとその先祖に適用される`変形$を適用したとするときの， コレの`限界~box$ `SVG2$r ◎ If the element has an associated SVG layout box return a scaled 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 コレの`~box$内の`~box断片$たちが成す~list — ここで：

   • コレの `display$p ~propの算出d値 ~IN { `table$v, `inline-table$v } の場合、 table ~box と caption ~boxは ~listに含めるが，匿名~容器~boxは含めない。
   • 各 `匿名$な`塊~box$は，その子~boxたちに置換する。 匿名な塊~boxが尽きるまで，これを繰返す。
   • 縦幅／横幅 が 0 であっても~listから除外しない。
   • ~listは、 内容~順による。
   ◎ 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.
4. %矩形~list ~LET 空な~list ◎ ↑

5. %断片~list を成す ~EACH( %断片 ) に対し ⇒ %矩形~list に次を表現する `DOMRect$I ~objを付加する ⇒ 次を包含する最~小な矩形 ⇒ %断片 の`~border区画$に［ コレとその先祖に対する`変形$ ］を適用して得られる図形 ◎ ↑

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

6. ~RET %矩形~list を表現している `DOMRectList$I ~obj ◎ ↑

   【 新たな~objを返すとは限らない （前回の呼出nから何も変化していない場合、同じ~objを返すかもしれない）。 】

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

`要素~用の限界~boxを取得する@ ~algoは、 所与の ( %要素 ) に対し： ◎ To get the bounding box for element, run the following steps:

1. %~list ~LET %要素 の `getClientRects$m ~method手続き() ◎ Let list be the result of invoking getClientRects() on element.
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 を成す矩形は，どれも［ 横幅, 縦幅 ］どちらかは 0 ］ ⇒ ~RET %~list を成す最初の矩形 ◎ If all rectangles in list have zero width or height, return the first rectangle in list.
4. ~RET 次を表現する新たな `DOMRect$I ~obj ⇒ 次をすべてを包含する最~小な矩形 ⇒ %~list を成す［ 横幅, 縦幅 ］どちらかは【どちらも？】 0 でない矩形 ◎ 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.

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

`checkVisibility(options)@m ~method手続きは ⇒ ~RET ~IS ~NOT ~OR↓： ◎ The checkVisibility(options) method must run these steps, when called on an element this:

• コレは`~box$を有さない ◎ If this does not have an associated box, return false.
• `平坦~tree$におけるコレの先祖として， `content-visibility$p が `hidden^v にされたものが在る ◎ If an ancestor of this in the flat tree has content-visibility: hidden, return false.

• ~AND↓：

  • ［ %options[ "`opacityProperty$mb" ] ~EQ ~T ］~OR［ %options[ "`checkOpacity$mb" ] ~EQ ~T ］
  • `平坦~tree$におけるコレの先祖として， `opacity$p が `0^v に算出されるものが在る
  ◎ If either the opacityProperty or the checkOpacity dictionary members of options are true, and this, or an ancestor of this in the flat tree, has a computed opacity value of 0, return false.

• ~AND↓：

  • ［ %options[ "`visibilityProperty$mb" ] ~EQ ~T ］~OR［ %options[ "`checkVisibilityCSS$mb" ] ~EQ ~T ］
  • コレは`不可視$である
  ◎ If either the visibilityProperty or the checkVisibilityCSS dictionary members of options are true, and this is invisible, return false.

• ~AND↓：

  • %options[ "`contentVisibilityAuto$mb" ] ~EQ ~T
  • `平坦~tree$におけるコレの先祖として， `content-visibility$p が `auto^v にされたことに因り`内容が飛ばされ$るものが在る
  ◎ If the contentVisibilityAuto dictionary member of options is true and an ancestor of this in the flat tree skips its contents due to content-visibility: auto, return false. ◎ Return true.

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

1. %挙動 ~LET `auto^l ◎ Let behavior be "auto".
2. %塊 ~LET `start^l ◎ Let block be "start".
3. %行内 ~LET `nearest^l ◎ Let inline be "nearest".
4. %容器 ~LET ~NULL ◎ Let container be null.

5. ~IF［ %arg は `ScrollIntoViewOptions$I 辞書である ］： ◎ If arg is a ScrollIntoViewOptions dictionary, then:

   1. %挙動 ~SET %options[ "`behavior$mb" ] ◎ Set behavior to the behavior dictionary member of options.
   2. %塊 ~SET %options[ "`block$mb" ] ◎ Set block to the block dictionary member of options.
   3. %行内 ~SET %options[ "`inline$mb" ] ◎ Set inline to the inline dictionary member of options.
   4. ~IF［ %options[ "`container$mb" ] ~EQ `~nearest0$l ］ ⇒ %容器 ~SET コレ ◎ If the container dictionary member of options is "nearest", set container to the element.
6. ~ELIF［ %arg ~EQ ~F ］ ⇒ %塊 ~SET `end^l ◎ Otherwise, if arg is false, then set block to "end".
7. ~IF［ コレは`~box$を有さない ］~OR［ コレは~UA特能 【例：~tab~UIkeyによる巡回】 に可用でない 【例：先祖の`内容が飛ばされ$ている場合】 ］ ⇒ ~RET ◎ If the element does not have any associated box, or is not available to user-agent features, then return.
8. `~targetを~viewの中へ~scrollする$(コレ, %挙動, %塊, %行内, %容器 ) ◎ Scroll the element into view with behavior, block, inline, and container.
9. 任意選択で ⇒ 利用者に コレを注目してもらう何らかの動作があれば，それを遂行する ◎ Optionally perform some other action that brings the element to the user’s attention.

`scroll()@m ~method手続きは：

1. ( %x, %y, %挙動 ) ~LET ~methodの引数に応じて：

   • `ScrollToOptions$I %options 引数を伴って呼出された場合 ⇒ ( %options[ "`left$mb" ], %options[ "`top$mb" ], %options[ "`behavior$mb" ] )
   • %x, %y 引数を伴って呼出された場合 ⇒ ( %x, %y, `auto$l )
2. ~IF［ %x ~NEQ ε ］ ⇒ %x ~SET `有限~値に正規化する$( %x )
3. ~IF［ %y ~NEQ ε ］ ⇒ %y ~SET `有限~値に正規化する$( %y )
4. `要素~用の~scroll手続き$( コレ, %x, %y, %挙動 )

【 この訳では、［ 原文による `scroll()$m ~method手続きを成す引数の取扱い ］以外の部分を，次に与える手続きに分離する — それは、 複数の箇所から共通して利用されるので。 】

`要素~用の~scroll手続き@ は、 所与の ( %要素, %x, %y, %挙動 ) に対し： ◎ ↑

1. %文書 ~LET %要素 の`~node文書$ ◎ Let document be the element’s node document.
2. ~IF［ %文書 は`作動中な文書$navでない ］ ⇒ ~RET ◎ If document is not the active document, terminate these steps.
3. %window ~LET %文書 の `defaultView$m 取得子~手続き() ◎ Let window be the value of document’s defaultView attribute.
4. ~IF［ %window ~EQ ~NULL ］ ⇒ ~RET ◎ If window is null, terminate these steps.
5. ~IF［ %要素 ~EQ %文書 の`根~要素$ ］~AND［ %文書 は`過去互換~mode$下にある ］ ⇒ ~RET ◎ If the element is the root element and document is in quirks mode, terminate these steps.
6. ~IF［ %要素 ~EQ %文書 の`根~要素$ ］ ⇒＃ %x ~SET %window の `Window^I1`scrollX$m1 取得子~手続き()； `~window用の~scroll手続き$( %window, %x, %y, `auto$l ) ~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.
7. ~IF［ %要素 ~EQ %文書 の`~body要素$ ］~AND［ %文書 は`過去互換~mode$下にある ］~AND［ %要素 は`~scroll可能になり得ない$ ］ ⇒＃ `~window用の~scroll手続き$( %window, %x, %y, %挙動 )； ~RET ◎ If the element is the 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.
8. ~IF［ %x ~EQ ε ］ ⇒ %x ~SET %要素 の現在の~x軸 ~scroll位置 ◎ ↑
9. ~IF［ %y ~EQ ε ］ ⇒ %y ~SET %要素 の現在の~y軸 ~scroll位置 ◎ ↑

10. ~IF［ %要素 は ~OR↓ を満たす ］…

    • `~box$を有さない
    • `~scrollされる~box$は無い
    • ~overflowしていない

    …ならば ⇒ ~RET

    ◎ If the element does not have any associated box, the element has no associated scrolling box, or the element has no overflow, terminate these steps.
11. `要素を~scrollする$( %要素, ( %x, %y ), %挙動 ) ◎ Scroll the element to x,y, with the scroll behavior being the value of the behavior dictionary member of options.

`scrollBy()@m ~method手続きは： ◎ When the scrollBy() method is invoked, the user agent must run these steps:

1. ( %x, %y, %挙動 ) ~LET ~methodの引数に応じて：

   • `ScrollToOptions$I %options 引数を伴って呼出された場合 ⇒ ( %options[ "`left$mb" ], %options[ "`top$mb" ], %options[ "`behavior$mb" ] )
   • %x, %y 引数を伴って呼出された場合 ⇒ ( %x, %y, `auto$l )
   ◎ If invoked with one argument, follow these substeps: • Let options be the argument. • Normalize non-finite values for left and top dictionary members of options, if present. ◎ If invoked with two arguments, follow these substeps: • Let options be null converted to a ScrollToOptions dictionary. [WEBIDL] • 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.
2. ~IF［ %x ~NEQ ε ］ ⇒ %x ~SET `有限~値に正規化する$( %x ) ~PLUS コレの `scrollLeft$m 取得子~手続き() ◎ Add the value of scrollLeft to the left dictionary member.
3. ~IF［ %y ~NEQ ε ］ ⇒ %y ~SET `有限~値に正規化する$( %y ) ~PLUS コレの `scrollTop$m 取得子~手続き() ◎ Add the value of scrollTop to the top dictionary member.
4. `要素~用の~scroll手続き$( コレ, %x, %y, %挙動 ) ◎ Act as if the scroll() method was invoked with options as the only argument.

［ `scrollTop@m ｜ `scrollLeft@m ］取得子~手続きは： ◎ 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［ %文書 は`作動中な文書$navでない ］ ⇒ ~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［ コレ ~EQ %文書 の`根~要素$ ］~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［ ~OR↓ ］…

   • コレ ~EQ %文書 の`根~要素$
   • ［ コレ ~EQ %文書 の`~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 body element, document is in quirks mode, and the element is not potentially scrollable, return the value of scrollY on window.
7. ~IF［ コレは`~box$を有さない ］ ⇒ ~RET 0 ◎ If the element does not have any associated 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.

［ `scrollTop$m ｜ `scrollLeft$m ］設定子~手続きは： ◎ 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［ %文書 は`作動中な文書$navでない ］ ⇒ ~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［ コレ ~EQ %文書 の`根~要素$ ］~AND［ %文書 は`過去互換~mode$下にある ］ ⇒ ~RET ◎ If the element is the root element and document is in quirks mode, terminate these steps.

7. ~IF［ ~OR↓ ］…

   • コレ ~EQ %文書 の`根~要素$
   • ［ コレ ~EQ %文書 の`~body要素$ ］~AND［ %文書 は`過去互換~mode$下にある ］~AND［ コレは`~scroll可能になり得ない$ ］

   …ならば： `Window^I1

   1. %x ~LET ［ %window の `scrollX$m1 取得子~手続き() ｜ %v ］
   2. %y ~LET ［ %v ｜ %window の `scrollY$m1 取得子~手続き() ］
   3. `~window用の~scroll手続き$( %window, %x, %y, `auto$l )
   4. ~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 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［ コレは ~OR↓ を満たす ］…

   • `~box$を有さない
   • `~scrollされる~box$は無い
   • ~overflowしていない

   …ならば ⇒ ~RET

   ◎ If the element does not have any associated 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".

［ `scrollWidth@m ｜ `scrollHeight@m ］取得子~手続きは： ◎ The scrollWidth attribute must return the result of running these steps:

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

3. ~IF［ ~OR↓ ］…

   • ［ %文書 は`過去互換~mode$下にない ］~AND［ コレ ~EQ %文書 の`根~要素$ ］
   • ［ %文書 は`過去互換~mode$下にある ］~AND［ コレ ~EQ %文書 の`~body要素$ ］~AND［ コレは `~scroll可能になり得ない$ ］

   …ならば：

   1. ~IF［ コレの`表示域$は無い ］ ⇒ ~RET 0
   2. ~RET `max^op( `表示域$の`~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 body element, document is in quirks mode and the element is not potentially scrollable, return max(viewport scrolling area width, viewport width).
4. ~IF［ コレは`~box$を有さない ］ ⇒ ~RET 0 ◎ If the element does not have any associated box return zero and terminate these steps.
5. ~RET コレの`~scrollされる区画$の［ 横幅 ｜ 縦幅 ］ ◎ Return the width of the element’s scrolling area.

［ `clientTop@m ｜ `clientLeft@m ］取得子~手続きは： ◎ The clientTop attribute must run these steps:

1. ~IF［ コレは`~box$を有さない ］~OR［ コレの`~box$は`行内$である ］ ⇒ ~RET 0 ◎ If the element has no associated box or if the box is inline, return zero.

2. ~RET 次の和：

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

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

   ◎ Return the unscaled 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.

［ `clientWidth@m ｜ `clientHeight@m ］取得子~手続きは： ◎ The clientWidth attribute must run these steps:

1. ~IF［ コレは`~box$を有さない ］~OR［ コレの`~box$は`行内$である ］ ⇒ ~RET 0 ◎ If the element has no associated box or if the box is inline, return zero.

2. ~IF［ ~OR↓ ］…

   • ［ コレ ~EQ %文書 の`根~要素$ ］~AND［ %文書 は`過去互換~mode$下にない ］
   • ［ コレ ~EQ %文書 の`~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 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辺$の間に~scrollbarが描画されている場合は，その分の［ 横幅 ｜ 縦幅 ］は除外する。
   • 【！or that → that】 コレとその先祖に対する`変形$は適用しないとする。
   ◎ Return the unscaled width of the padding edge excluding the width of any rendered scrollbar between the padding edge and the border edge, ignoring any transforms or that apply to the element and its ancestors.

`scrollParent@m 取得子~手続きは： ◎ The scrollParent attribute must return the result of running these steps:

1. ~IF［ ~OR↓ ］… ◎ If any of the following holds true, return null and terminate this algorithm:

   • コレは`~box$を有さない ◎ The element does not have an associated box.
   • コレは`根~要素$である ◎ The element is the root element.
   • コレは`~body要素$である ◎ The element is the body element.
   • ［ コレの `position$p ~propの算出d値 ~EQ `fixed$v ］~AND［ コレの先祖として固定d位置`包含塊$【`固定d位置決め包含塊$？】を確立するものは無い ］ ◎ The element’s computed value of the position property is fixed and no ancestor establishes a fixed position containing block.

   …ならば ⇒ ~RET ~NULL ◎ ↑

2. %先祖 ~LET `平坦~tree$におけるコレの`包含塊$ ◎ Let ancestor be the containing block of the element in the flat tree and＼

3. ~WHILE 無条件： ◎ repeat these substeps:

   1. ~IF［ %先祖 は`初期~包含塊$である ］：

      1. %要素 ~LET コレの`~node文書$【！文書】の `Document^I1`scrollingElement$m1
      2. ~IF［ %要素 はコレからは`閉な~shadowで非可視$でない ］ ⇒ ~RET %要素
      3. ~RET ~NULL
      ◎ If ancestor is the initial containing block, return the scrollingElement for the element’s document if it is not closed-shadow-hidden from the element, otherwise return null.
   2. ~IF［ %先祖 【を確立した要素】はコレからは`閉な~shadowで非可視$でない ］~AND［ %先祖 は`~scroll容器$である ］ ⇒ ~RET %先祖 ◎ If ancestor is not closed-shadow-hidden from the element, and is a scroll container, terminate this algorithm and return ancestor.
   3. ~IF［ %先祖 の `position$p ~propの算出d値 ~EQ `fixed$v ］~AND［ %先祖 の先祖として固定d位置`包含塊$【`固定d位置決め包含塊$？】を確立するものは無い ］ ⇒ ~RET ~NULL ◎ If the computed value of the position property of ancestor is fixed, and no ancestor establishes a fixed position containing block, terminate this algorithm and return null.
   4. %先祖 ~LET `平坦~tree$における %先祖 の`包含塊$ ◎ Let ancestor be the containing block of ancestor in the flat tree.

`offsetParent@m 取得子~手続きは： ◎ The offsetParent attribute must return the result of running these steps:

1. %~body ~LET コレの`~node文書$の`~body要素$ ◎ ↓

2. ~IF［ ~OR↓ ］… ◎ If any of the following holds true return null and terminate this algorithm:

   • コレは`~box$を有さない ◎ The element does not have an associated box.
   • コレは`根~要素$である ◎ The element is the root element.
   • コレ ~EQ %~body ◎ The element is the body element.
   • ［ コレの `position$p ~propの算出d値 ~EQ `fixed^v ］~AND［ コレの先祖として固定d位置`包含塊$【`固定d位置決め包含塊$？】を確立するものは無い ］ ◎ The element’s computed value of the position property is fixed and no ancestor establishes a fixed position containing block.

   …ならば ⇒ ~RET ~NULL ◎ ↑

3. %先祖 ~LET コレ ◎ ↓

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

   1. %先祖 ~SET %親 ◎ ↑

   2. ~IF［ %先祖 はコレからは`閉な~shadowで非可視$である ］ ⇒ ~IF［ %先祖 の `position$p ~propの算出d値 ~EQ `fixed^v ］~AND［ %先祖 の先祖として固定d位置`包含塊$【`固定d位置決め包含塊$？】を確立するものは無い ］ ⇒ ~RET ~NULL ◎ If ancestor is closed-shadow-hidden from the element,＼ its computed value of the position property is fixed,＼ and no ancestor establishes a fixed position containing block, terminate this algorithm and return null.

   3. ~ELIF［ コレは固定d位置`包含塊$内にある 【コレの先祖として`固定d位置決め包含塊$を確立するものは在る？】 ］ ⇒ ~IF［ %先祖 は`固定的に位置され$た子孫~用に`包含塊$を確立する 【`固定d位置決め包含塊$を確立する？】 ］ ⇒ ~RET %先祖 ◎ ↑ 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 in a fixed position containing block,＼ and ancestor is a containing block for fixed-positioned descendants.

   4. ~ELIF［ ~OR↓ ］… ◎ • ↑ The element is not in a fixed position containing block, and:

      • %先祖 は`絶対的に位置され$た子孫~用に`包含塊$を確立する 【`絶対~位置決め包含塊$または`固定d位置決め包含塊$を確立する？】 ◎ • ancestor is a containing block of absolutely-positioned descendants (regardless of whether there are any absolutely-positioned descendants).
      • %先祖 ~EQ %~body ◎ • It is the body element.

      • ~AND↓：

        • コレの `position$p ~propの算出d値 ~EQ `static^v
        • %先祖 は次に挙げるいずれかの`~HTML要素$である ⇒ `td^e, `th^e, `table^e
        ◎ • 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 %先祖

   5. ~ELIF［ コレの`実質的な~zoom$ ~NEQ %先祖 の`実質的な~zoom$ ］ ⇒ ~RET %先祖 ◎ • The element has a different effective zoom than ancestor. ◎ ↑↑ 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.
5. ~RET ~NULL ◎ ↑

［ `offsetTop@m ｜ `offsetLeft@m ］取得子~手続きは： ◎ The offsetTop attribute must return the result of running these steps:

1. ~IF［ コレ ~EQ コレの`~node文書$の`~body要素$ ］~OR［ コレは`~box$を有さない ］ ⇒ ~RET 0 ◎ If the element is the body element or does not have any associated box return zero and terminate this algorithm.
2. 以下においては ⇒＃ どの座標も`初期~包含塊$の原点に相対的とする ／ コレとその先祖に対する`変形$は適用しないとする ◎ ↓
3. %~border座標 ~LET コレの最初の`~box$の`~border辺$の`無拡縮$な［ 上端の~y座標 ｜ 左端の~x座標 ］ ◎ If the offsetParent of the element is null return the unscaled y-coordinate of the top border edge of the first box associated with the element, relative to the initial containing block origin, ignoring any transformsthat apply to the element and its ancestors and terminate this algorithm.
4. ~IF［ コレの `offsetParent$m ~NEQ ~NULL ］ ⇒ %~border座標 ~DECBY ( コレの `offsetParent$m の最初の`~box$の`~padding辺$の`無拡縮$な［ 上端の~y座標 ｜ 左端の~x座標 ］ ) ◎ Return the unscaled result of subtracting the y-coordinate of the top padding edge of the first box associated with the offsetParent of the element from the y-coordinate of the top border edge of the first box associated with the element, relative to the initial containing block origin, ignoring any transforms that apply to the element and its ancestors.
5. ~RET %~border座標 ◎ ↑

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

［ `offsetWidth@m ｜ `offsetHeight@m ］取得子~手続きは： ◎ The offsetWidth attribute must return the result of running these steps:

1. ~IF［ コレは`~box$を有さない ］ ⇒ ~RET 0 ◎ If the element does not have any associated box return zero and terminate this algorithm.

2. ~RET ［ コレの`首要~box$により生成される各`~box断片$の`~border~box$ ］すべてを囲う，［ 各辺が軸に整列された限界~box ］の`無拡縮$な［ 横幅 ｜ 縦幅 ］ — ここで： ◎ Return the unscaled width of the axis-aligned bounding box of the border boxes of all fragments generated by the element’s principal box,＼

   • コレとその先祖に対する`変形$は適用しないとする。 ◎ ignoring any transforms that apply to the element and its ancestors.
   • 要素の`首要~box$が`行内~levelの~box$であって， ある`塊~level$の子孫により “分割され” ている場合、 そのような子孫により生成される断片のうち［ 横幅, 縦幅どちらも 0 でないもの ］も含めるとする。 ◎ If the element’s principal box is an inline-level box which was "split" by a block-level descendant, also include fragments generated by the block-level descendants, unless they are zero width or height.

［ `x@m ｜ `y@m ］取得子~手続きは：

1. ~IF［ コレは`~box$を有さない ］ ⇒ ~RET 0
2. ~RET `初期~包含塊$の原点に相対的な［ コレの最初の`~box$の`~border辺$ ］の`有拡縮$な［ 左端の~x座標 ｜ 上端の~y座標 ］］ — ここで、 コレとその先祖に対する`変形$は適用しないとする。

`getClientRects()@m ~method手続きは： ◎ 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:

   • コレに`包含され$ている各 %要素 に対する ⇒ ［ %要素 の `Element^I1`getClientRects$m1 ~method手続き() ］の結果に含まれる`~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.

   • コレに［ `部分的に包含され$ているか`包含され$ている† ］各 `Text$I ~node （`始端$rGと`終端$rGが同じになるものも含まれる）に対する ⇒ （行l~box全体ではなく）選択された部分のみを囲む`有拡縮$な `DOMRect$I ~obj ◎ For each Text node selected or partially selected by the range (including when the boundary-points are identical), include scaled DOMRect object (for the part that is selected, not the whole line box).＼

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

     これらの `DOMRect$I ~objの限界域は、 ~font計量を利用して算出される。 したがって，横書きの下では、 各~boxの［ 縦幅は~fontの~ascentと~descent／ 横幅は~textの送り幅 ］から決定される。 コレの`中身$が `~typographic文字~単位$ `CSS-TEXT-3$r を部分的に含む場合 （例： 代用対の片割れや書記素~clusterの一部分）、 限界域を算出する目的においては，その`~typographic文字~単位$を全部的に含めるモノトスル。 要素の先祖に対する`変形$は、 適用される。 ◎ 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.

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

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

`getBoundingClientRect()@m ~method手続きは： ◎ The getBoundingClientRect() method, when invoked, must return the result of the following algorithm:

1. %~list ~LET コレの `getClientRects$m ~method手続き() ◎ 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 を成す矩形は，どれも［ 横幅, 縦幅 ］どちらかは 0 ］ ⇒ ~RET %~list を成す最初の矩形 ◎ If all rectangles in list have zero width or height, return the first rectangle in list.
4. ~RET 次を表現する新たな `DOMRect$I ~obj ⇒ 次をすべてを包含する最~小な矩形 ⇒ %~list を成す矩形のうち［ 横幅, 縦幅 ］どちらかは【どちらも？】 0 でないもの ◎ 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.

［ `pageX@m ｜ `pageY@m ］取得子~手続きは：

1. ~IF［ コレの`配送-中か$ev ~EQ ~T ］ ⇒ ~RET `初期~包含塊$の原点に相対的な，コレが生じた位置の［ ~x座標 ｜ ~y座標 ］
2. %offset ~LET 0
3. ~IF［ コレに結付けられた `Window$I ~obj %window 【！＊】は在る ］ ⇒ %offset ~SET %window の［ `scrollX$m1 ｜ `scrollY$m1 ］取得子~手続き()
4. %offset ~INCBY コレの［ `clientX$m ｜ `clientY$m ］取得子~手続き()
5. ~RET %offset

［ `offsetX@m ｜ `offsetY@m ］取得子~手続きは： ◎ The offsetX attribute must follow these steps:

1. ~IF［ コレの`配送-中か$ev ~EQ ~T ］：

   1. ~Assert： コレの`~target$ ~NEQ ~NULL
   2. ~RET 要素とその先祖に対する`変形$は適用しない下で， コレの`~target$の`~padding辺$の原点に相対的な，コレが生じた位置の［ ~x座標 ｜ ~y座標 ］

   【 この段おける~targetへの~linkおよび ~Assert は、 この訳による補完。 】

   ◎ 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.
2. ~RET コレの［ `pageX$m ｜ `pageY$m ］取得子~手続き() ◎ Return the value of the event’s pageX attribute.

`~layout後の状態を~snapshotする手続き@ は、 所与の ( `Document$I %文書 ) に対し： ◎ When asked to run snapshot post-layout state steps for a Document doc, run these steps:

1. ~layout後の状態を~snapshotする必要がある各~CSS特能に対し ⇒ %文書 内の関連な状態の~snapshotをとる ◎ For each CSS feature that needs to snapshot post-layout state, take a snapshot of the relevant state in doc.

どの状態が~snapshotされるかは、 他の仕様にて定義される。 この手続きは、［ 他の~layout後に~snapshotする手続きが，そのような~snapshot法が起きたことを観測し得る仕方 ］では［ %文書 や他の `Document$I ］【の状態？】を無効~化しないモノトスル。 したがって、 そのような各~snapshot法が その場を占める順序は，問われてはナラナイ。 ◎ The state that is snapshot is defined in other specifications. These steps must not invalidate doc or any other Documents in such a way that other post-layout snapshotting steps can observe that such snapshotting happened. It follows that the order of which such snapshotting takes place must not matter.