From f19b64a71e761726661fbc85f953238e0f88517f Mon Sep 17 00:00:00 2001
From: Tab Atkins-Bittner <jackalmage@gmail.com>
Date: Thu, 5 May 2022 15:22:07 -0700
Subject: [PATCH] [cssom-view][editorial] Remove some definitions that now
 exist elsewhere.

---
 cssom-view-1/Overview.bs | 127 ++++++++++++++++++---------------------
 1 file changed, 60 insertions(+), 67 deletions(-)

diff --git a/cssom-view-1/Overview.bs b/cssom-view-1/Overview.bs
index 5c2a4308415..3a001f05162 100644
--- a/cssom-view-1/Overview.bs
+++ b/cssom-view-1/Overview.bs
@@ -46,7 +46,9 @@ spec:css-position-3; type:property; text:position
 spec:css-ui-4; type:property; text:pointer-events
 spec:css2; type:dfn; text:viewport
 spec:dom; type:interface; text:Document
-spec:html; type:dfn; text: inert
+spec:html; type:dfn;
+    text: inert
+    text: the body element
 </pre>
 
 <style>
@@ -102,18 +104,10 @@ HTML.
 [[!CSSOM]]
 [[!HTML]]
 
-<dfn>The HTML <code>body</code> element</dfn> is the first
-<code>body</code>
-<a>HTML element</a> child of the root
-<a>HTML element</a> <code>html</code>.
-
-Elements and <a>viewports</a> have an associated <dfn export>scrolling box</dfn> if the element or viewport has a scrolling mechanism<!--XXX xref-->, or it overflows
-its content area<!--XXX xref--> and the used value of the 'overflow-x' or 'overflow-y' property is not ''overflow/hidden'' or ''overflow/clip''. [[!CSS3-BOX]]
-
-An element <var>body</var> (which will be <a>the HTML <code>body</code> element</a>) is
+An element <var>body</var> (which will be <a>the <code>body</code> element</a>) is
 <dfn>potentially scrollable</dfn> if all of the following conditions are true:
 
-* <var>body</var> has an associated <a>CSS layout box</a>.
+* <var>body</var> has an associated [=CSS/box=].
 * <var>body</var>'s <a>parent element</a>'s computed value of the 'overflow-x' or 'overflow-y' properties is neither ''overflow/visible'' nor ''overflow/clip''.
 * <var>body</var>'s computed value of the 'overflow-x' or 'overflow-y' properties is neither ''overflow/visible'' nor ''overflow/clip''.
 
@@ -287,18 +281,17 @@ The <dfn>ending edges</dfn> of a particular set of edges of a box or element are
  <dd>The top and right edges.
 </dl>
 
-The term <dfn>CSS layout box</dfn> 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 <a>CSS layout box</a> (the column or column group, respectively).
-
-The term <dfn>SVG layout box</dfn> refers to the same term in SVG.
-
-<p class=issue>The terms <a>CSS layout box</a> and <a>SVG layout box</a> are not currently defined by CSS or SVG.
+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/box=]
+(the column or column group, respectively).
 
-The term <dfn>layout box</dfn> refers to either a <a>CSS layout box</a> or an <a>SVG layout box</a>.
+The term <dfn>SVG layout box</dfn> refers to a [=CSS/box=] generated by an SVG element
+which does not correspond to a CSS-defined 'display' type.
+(Such as the [=CSS/box=] generated by a <{rect}> element.)
 
-The term <dfn>transforms</dfn> refers to SVG transforms and CSS transforms. [[!SVG11]] [[!CSS-TRANSFORMS-1]]
+The term <dfn noexport>transforms</dfn> refers to SVG transforms and CSS transforms. [[!SVG11]] [[!CSS-TRANSFORMS-1]]
 
 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.
@@ -900,7 +893,7 @@ The <dfn method for=Document caniuse=element-from-point>elementFromPoint(<var>x<
 1. If either argument is negative, <var>x</var> is greater than the <a>viewport</a> width excluding the size of a rendered scroll bar (if any), or
     <var>y</var> is greater than the <a>viewport</a> height excluding the size of a rendered scroll bar (if any), or there is no <a>viewport</a>
     associated with the document, return null and terminate these steps.
-1. If there is a <a>layout box</a> in the <a>viewport</a> that would be a target for hit testing at coordinates <var>x</var>,<var>y</var>,
+1. If there is a [=CSS/box=] in the <a>viewport</a> that would be a target for hit testing at coordinates <var>x</var>,<var>y</var>,
     when applying the <a>transforms</a> that apply to the descendants of the <a>viewport</a>, return the associated element and terminate these steps.
 1. If the document has a root element, return the root element and terminate these steps.
 1. Return null.
@@ -915,7 +908,7 @@ instance, an element can be excluded from being a target for hit testing by usin
 1. If either argument is negative, <var>x</var> is greater than the <a>viewport</a> width excluding the size of a rendered scroll bar (if any), or
     <var>y</var> is greater than the <a>viewport</a> height excluding the size of a rendered scroll bar (if any), or there is no <a>viewport</a>
     associated with the document, return <var>sequence</var> and terminate these steps.
-1. For each <a>layout box</a> in the <a>viewport</a>, in paint order, starting with the topmost box, that would be a target for hit testing at
+1. For each [=CSS/box=] in the <a>viewport</a>, in paint order, starting with the topmost box, that would be a target for hit testing at
     coordinates <var>x</var>,<var>y</var> even if nothing would be overlapping it, when applying the <a>transforms</a> that apply to the descendants of the
     <a>viewport</a>, append the associated element to <var>sequence</var>.
 1. If the document has a root element, and the last item in <var>sequence</var> is not the root element, append the root element to <var>sequence</var>.
@@ -974,10 +967,10 @@ revision of CSS or HTML.
 <p>The <dfn attribute for=Document caniuse=document-scrollingelement>scrollingElement</dfn> attribute, on getting, must run these steps:
 
 1. If the {{Document}} is in <a>quirks mode</a>, follow these substeps:
-    1. If <a>the HTML <code>body</code> element</a> exists, and it is not <a>potentially scrollable</a>, return <a>the HTML <code>body</code> element</a> and abort these steps.
+    1. If <a>the <code>body</code> element</a> exists, and it is not <a>potentially scrollable</a>, return <a>the <code>body</code> element</a> and abort these steps.
 
         For this purpose,
-        a value of ''overflow:clip'' on the <a>the HTML <code>body</code> element</a>'s parent element
+        a value of ''overflow:clip'' on the <a>the <code>body</code> element</a>'s parent element
         must be treated as ''overflow:hidden''.
     1. Return null and abort these steps.
 1. If there is a root element, return the root element and abort these steps.
@@ -985,12 +978,12 @@ revision of CSS or HTML.
 
 Note: For non-conforming user agents that always use the <a>quirks mode</a> behavior for {{Element/scrollTop}}
 and {{Element/scrollLeft}}, the {{Document/scrollingElement}} attribute is expected to also always return
-<a>the HTML <code>body</code> element</a> (or null if it does not exist).
+<a>the <code>body</code> element</a> (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.
 
-Note: <a>The HTML <code>body</code> element</a> is different from HTML's <code>document.body</code>
+Note: <a>the <code>body</code> element</a> is different from HTML's <code>document.body</code>
 in that the latter can return a <code>frameset</code> element.
 
 <h3 id=the-caretposition-interface>The {{CaretPosition}} Interface</h3>
@@ -1069,7 +1062,7 @@ partial interface Element {
 
 The <dfn method for=Element>getClientRects()</dfn> method, when invoked, must return the result of the following algorithm:
 
-1. If the element on which it was invoked does not have an associated <a>layout box</a> return an empty {{DOMRectList}} object and stop this algorithm.
+1. If the element on which it was invoked does not have an associated [=CSS/box=] return an empty {{DOMRectList}} object and stop this algorithm.
 1. If the element has an associated <a>SVG layout box</a> 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 <a>transforms</a> that apply to the element and its ancestors.
 1. Return a {{DOMRectList}} object containing {{DOMRect}} objects in content order, one for each <a spec=css-break>box fragment</a>, describing its border area (including those with a height or width of zero) with the following constraints:
 
@@ -1115,7 +1108,7 @@ Note: The {{DOMRect}} object returned by {{Element/getBoundingClientRect()}} is
     must run these steps,
     when called on an element |this|:
 
-    1. If |this| does not have an associated [=layout box=],
+    1. If |this| does not have an associated [=CSS/box=],
         return false.
     1. If a [=shadow-including ancestor=] of |this|
         has ''content-visibility: hidden'',
@@ -1146,7 +1139,7 @@ The <dfn method for=Element caniuse=scrollintoview>scrollIntoView(<var>arg</var>
     1. Set <var>block</var> to the {{ScrollIntoViewOptions/block}} dictionary member of <var>options</var>.
     1. Set <var>inline</var> to the {{ScrollIntoViewOptions/inline}} dictionary member of <var>options</var>.
 1. Otherwise, if <var>arg</var> is false, then set <var>block</var> to "<code>end</code>".
-1. If the element does not have any associated <a>layout box</a>,
+1. If the element does not have any associated [=CSS/box=],
     or is not available to user-agent features,
     then return.
 1. <a lt='scroll an element into view'>Scroll the element into view</a>
@@ -1173,12 +1166,12 @@ The <dfn method for=Element lt="scroll(options)|scroll(x, y)">scroll()</dfn> met
 1. If the element is the root element and <var>document</var> is in <a>quirks mode</a>, terminate these steps.
 1. If the element is the root element invoke {{Window/scroll()}} on <var>window</var> with {{Window/scrollX}} on <var>window</var> as first argument and <var>y</var> as second argument,
     and terminate these steps.
-1. If the element is <a>the HTML <code>body</code> element</a>,
+1. If the element is <a>the <code>body</code> element</a>,
     <var>document</var> is in <a>quirks mode</a>,
     and the element is not <a>potentially scrollable</a>,
     invoke {{Window/scroll()}} on <var>window</var> with <var>options</var> as the only argument,
     and terminate these steps.
-1. If the element does not have any associated <a>CSS layout box</a>,
+1. If the element does not have any associated [=CSS/box=],
     the element has no associated <a>scrolling box</a>,
     or the element has no overflow,
     terminate these steps.
@@ -1212,8 +1205,8 @@ The <dfn attribute for=Element>scrollTop</dfn> attribute, on getting, must retur
 1. If <var>window</var> is null, return zero and terminate these steps.
 1. If the element is the root element and <var>document</var> is in <a>quirks mode</a>, return zero and terminate these steps.
 1. If the element is the root element return the value of {{Window/scrollY}} on <var>window</var>.
-1. If the element is <a>the HTML <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, return the value of {{Window/scrollY}} on <var>window</var>.
-1. If the element does not have any associated <a>CSS layout box</a>, return zero and terminate these steps.
+1. If the element is <a>the <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, return the value of {{Window/scrollY}} on <var>window</var>.
+1. If the element does not have any associated [=CSS/box=], return zero and terminate these steps.
 1. Return the y-coordinate of the <a>scrolling area</a> at the alignment point with the top of the <a>padding edge</a> of the element.
 
 When setting the {{Element/scrollTop}} attribute these steps must be run:
@@ -1226,8 +1219,8 @@ When setting the {{Element/scrollTop}} attribute these steps must be run:
 1. If <var>window</var> is null, terminate these steps.
 1. If the element is the root element and <var>document</var> is in <a>quirks mode</a>, terminate these steps.
 1. If the element is the root element invoke {{Window/scroll()}} on <var>window</var> with {{Window/scrollX}} on <var>window</var> as first argument and <var>y</var> as second argument, and terminate these steps.
-1. If the element is <a>the HTML <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, invoke {{Window/scroll()}} on <var>window</var> with {{Window/scrollX}} as first argument and <var>y</var> as second argument, and terminate these steps.
-1. If the element does not have any associated <a>CSS layout box</a>, the element has no associated <a>scrolling box</a>, or the element has no overflow, terminate these steps.
+1. If the element is <a>the <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, invoke {{Window/scroll()}} on <var>window</var> with {{Window/scrollX}} as first argument and <var>y</var> as second argument, and terminate these steps.
+1. If the element does not have any associated [=CSS/box=], the element has no associated <a>scrolling box</a>, or the element has no overflow, terminate these steps.
 1. <a lt='scroll an element'>Scroll the element</a> to {{Element/scrollLeft}},<var>y</var>, with the scroll behavior being "<code>auto</code>".
 
 The <dfn attribute for=Element>scrollLeft</dfn> attribute, on getting, must return the result of running these steps:
@@ -1238,8 +1231,8 @@ The <dfn attribute for=Element>scrollLeft</dfn> attribute, on getting, must retu
 1. If <var>window</var> is null, return zero and terminate these steps.
 1. If the element is the root element and <var>document</var> is in <a>quirks mode</a>, return zero and terminate these steps.
 1. If the element is the root element return the value of {{Window/scrollX}} on <var>window</var>.
-1. If the element is <a>the HTML <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, return the value of {{Window/scrollX}} on <var>window</var>.
-1. If the element does not have any associated <a>CSS layout box</a>, return zero and terminate these steps.
+1. If the element is <a>the <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, return the value of {{Window/scrollX}} on <var>window</var>.
+1. If the element does not have any associated [=CSS/box=], return zero and terminate these steps.
 1. Return the x-coordinate of the <a>scrolling area</a> at the alignment point with the left of the <a>padding edge</a> of the element.
 
 When setting the {{Element/scrollLeft}} attribute these steps must be run:
@@ -1252,8 +1245,8 @@ When setting the {{Element/scrollLeft}} attribute these steps must be run:
 1. If <var>window</var> is null, terminate these steps.
 1. If the element is the root element and <var>document</var> is in <a>quirks mode</a>, terminate these steps.
 1. If the element is the root element invoke {{Window/scroll()}} on <var>window</var> with <var>x</var> as first argument and {{Window/scrollY}} on <var>window</var> as second argument, and terminate these steps.
-1. If the element is <a>the HTML <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, invoke {{Window/scroll()}} on <var>window</var> with <var>x</var> as first argument and {{Window/scrollY}} on <var>window</var> as second argument, and terminate these steps.
-1. If the element does not have any associated <a>CSS layout box</a>, the element has no associated <a>scrolling box</a>, or the element has no overflow, terminate these steps.
+1. If the element is <a>the <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a>, and the element is not <a>potentially scrollable</a>, invoke {{Window/scroll()}} on <var>window</var> with <var>x</var> as first argument and {{Window/scrollY}} on <var>window</var> as second argument, and terminate these steps.
+1. If the element does not have any associated [=CSS/box=], the element has no associated <a>scrolling box</a>, or the element has no overflow, terminate these steps.
 1. <a lt='scroll an element'>Scroll the element</a> to <var>x</var>,{{Element/scrollTop}}, with the scroll behavior being "<code>auto</code>".
 
 The <dfn attribute for=Element>scrollWidth</dfn> attribute must return the result of running these steps:
@@ -1262,8 +1255,8 @@ The <dfn attribute for=Element>scrollWidth</dfn> attribute must return the resul
 1. If <var>document</var> is not the <a>active document</a>, return zero and terminate these steps.
 1. Let <var>viewport width</var> be the width of the <a>viewport</a> excluding the width of the scroll bar, if any, or zero if there is no <a>viewport</a>.
 1. If the element is the root element and <var>document</var> is not in <a>quirks mode</a> return max(<a>viewport</a> <a>scrolling area</a> width, <var>viewport width</var>).
-1. If the element is <a>the HTML <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a> and the element is not <a>potentially scrollable</a>, return max(<a>viewport</a> <a>scrolling area</a> width, <var>viewport width</var>).
-1. If the element does not have any associated <a>CSS layout box</a> return zero and terminate these steps.
+1. If the element is <a>the <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a> and the element is not <a>potentially scrollable</a>, return max(<a>viewport</a> <a>scrolling area</a> width, <var>viewport width</var>).
+1. If the element does not have any associated [=CSS/box=] return zero and terminate these steps.
 1. Return the width of the element's <a>scrolling area</a>.
 
 The <dfn attribute for=Element>scrollHeight</dfn> attribute must return the result of running these steps:
@@ -1272,30 +1265,30 @@ The <dfn attribute for=Element>scrollHeight</dfn> attribute must return the resu
 1. If <var>document</var> is not the <a>active document</a>, return zero and terminate these steps.
 1. Let <var>viewport height</var> be the height of the <a>viewport</a> excluding the height of the scroll bar, if any, or zero if there is no <a>viewport</a>.
 1. If the element is the root element and <var>document</var> is not in <a>quirks mode</a> return max(<a>viewport</a> <a>scrolling area</a> height, <var>viewport height</var>).
-1. If the element is <a>the HTML <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a> and the element is not <a>potentially scrollable</a>, return max(<a>viewport</a> <a>scrolling area</a> height, <var>viewport height</var>).
-1. If the element does not have any associated <a>CSS layout box</a> return zero and terminate these steps.
+1. If the element is <a>the <code>body</code> element</a>, <var>document</var> is in <a>quirks mode</a> and the element is not <a>potentially scrollable</a>, return max(<a>viewport</a> <a>scrolling area</a> height, <var>viewport height</var>).
+1. If the element does not have any associated [=CSS/box=] return zero and terminate these steps.
 1. Return the height of the element's <a>scrolling area</a>.
 
 The <dfn attribute for=Element>clientTop</dfn> attribute must run these steps:
 
-1. If the element has no associated <a>CSS layout box</a> or if the <a>CSS layout box</a> is inline, return zero.
+1. If the element has no associated [=CSS/box=] or if the [=CSS/box=] is inline, return zero.
 1. Return the computed value of the 'border-top-width' property plus the height of any scrollbar rendered between the top <a>padding edge</a> and the top <a>border edge</a>, ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
 The <dfn attribute for=Element>clientLeft</dfn> attribute must run these steps:
 
-1. If the element has no associated <a>CSS layout box</a> or if the <a>CSS layout box</a> is inline, return zero.
+1. If the element has no associated [=CSS/box=] or if the [=CSS/box=] is inline, return zero.
 1. Return the computed value of the 'border-left-width' property plus the width of any scrollbar rendered between the left <a>padding edge</a> and the left <a>border edge</a>, ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
 The <dfn attribute for=Element>clientWidth</dfn> attribute must run these steps:
 
-1. If the element has no associated <a>CSS layout box</a> or if the <a>CSS layout box</a> is inline, return zero.
-1. If the element is the root element and the element's <a>node document</a> is not in <a>quirks mode</a>, or if the element is <a>the HTML <code>body</code> element</a> and the element's <a>node document</a> <em>is</em> in <a>quirks mode</a>, return the <a>viewport</a> width excluding the size of a rendered scroll bar (if any).
+1. If the element has no associated [=CSS/box=] or if the [=CSS/box=] is inline, return zero.
+1. If the element is the root element and the element's <a>node document</a> is not in <a>quirks mode</a>, or if the element is <a>the <code>body</code> element</a> and the element's <a>node document</a> <em>is</em> in <a>quirks mode</a>, return the <a>viewport</a> width excluding the size of a rendered scroll bar (if any).
 1. Return the width of the <a>padding edge</a> excluding the width of any rendered scrollbar between the <a>padding edge</a> and the <a>border edge</a>, ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
 The <dfn attribute for=Element>clientHeight</dfn> attribute must run these steps:
 
-1. If the element has no associated <a>CSS layout box</a> or if the <a>CSS layout box</a> is inline, return zero.
-1. If the element is the root element and the element's <a>node document</a> is not in <a>quirks mode</a>, or if the element is <a>the HTML <code>body</code> element</a> and the element's <a>node document</a> <em>is</em> in <a>quirks mode</a>, return the <a>viewport</a> height excluding the size of a rendered scroll bar (if any).
+1. If the element has no associated [=CSS/box=] or if the [=CSS/box=] is inline, return zero.
+1. If the element is the root element and the element's <a>node document</a> is not in <a>quirks mode</a>, or if the element is <a>the <code>body</code> element</a> and the element's <a>node document</a> <em>is</em> in <a>quirks mode</a>, return the <a>viewport</a> height excluding the size of a rendered scroll bar (if any).
 1. Return the height of the <a>padding edge</a> excluding the height of any rendered scrollbar between the <a>padding edge</a> and the <a>border edge</a>, ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
 
@@ -1405,41 +1398,41 @@ partial interface HTMLElement {
 The <dfn attribute for=HTMLElement>offsetParent</dfn> attribute must return the result of running these steps:
 
 1. If any of the following holds true return null and terminate this algorithm:
-    * The element does not have an associated <a>CSS layout box</a>.
+    * The element does not have an associated [=CSS/box=].
     * The element is the root element.
-    * The element is <a>the HTML <code>body</code> element</a>.
+    * The element is <a>the <code>body</code> element</a>.
     * The element's computed value of the 'position' property is ''position/fixed''.
 1. Let <var>ancestor</var> be the parent of the element in the <a>flat tree</a> and repeat these substeps:
     1. If <var>ancestor</var> is <a>closed-shadow-hidden</a> from the element and its computed value of the 'position' property is ''position/fixed'', terminate this algorithm and return null.
     1. If <var>ancestor</var> is not <a>closed-shadow-hidden</a> from the element and satisfies at least one of the following, terminate this algorithm and return <var>ancestor</var>.
         * The element is a containing block of absolutely-positioned descendants (regardless of whether there are any absolutely-positioned descendants).
-        * It is <a>the HTML <code>body</code> element</a>.
+        * It is <a>the <code>body</code> element</a>.
         * The computed value of the 'position' property of the element is ''static'' and the ancestor is one of the following <a>HTML elements</a>: <code>td</code>, <code>th</code>, or <code>table</code>.
     1. If there is no more parent of <var>ancestor</var> in the <a>flat tree</a>, terminate this algorithm and return null.
     1. Let <var>ancestor</var> be the parent of <var>ancestor</var> in the <a>flat tree</a>.
 
 The <dfn attribute for=HTMLElement>offsetTop</dfn> attribute must return the result of running these steps:
 
-1. If the element is <a>the HTML <code>body</code> element</a> or does not have any associated <a>CSS layout box</a> return zero and terminate this algorithm.
-1. If the {{HTMLElement/offsetParent}} of the element is null return the y-coordinate of the top <a>border edge</a> of the first <a>CSS layout box</a> associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a> that apply to the element and its ancestors, and terminate this algorithm.
+1. If the element is <a>the <code>body</code> element</a> or does not have any associated [=CSS/box=] return zero and terminate this algorithm.
+1. If the {{HTMLElement/offsetParent}} of the element is null return the y-coordinate of the top <a>border edge</a> of the first [=CSS/box=] associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a> that apply to the element and its ancestors, and terminate this algorithm.
 1. Return the result of subtracting the y-coordinate of the top <a>padding edge</a>
-    of the first <a>CSS layout box</a> associated with the {{HTMLElement/offsetParent}} of the element
+    of the first [=CSS/box=] associated with the {{HTMLElement/offsetParent}} of the element
     from the y-coordinate of the top <a>border edge</a>
-    of the first <a>CSS layout box</a> associated with the element,
+    of the first [=CSS/box=] associated with the element,
     relative to the <a>initial containing block</a> origin,
     ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
-    Note: An inline element that consists of multiple line boxes will only have its first <a>CSS layout box</a> considered.
+    Note: An inline element that consists of multiple line boxes will only have its first [=CSS/box=] considered.
 
 The <dfn attribute for=HTMLElement>offsetLeft</dfn> attribute must return the result of running these steps:
 
-1. If the element is <a>the HTML <code>body</code> element</a> or does not have any associated <a>CSS layout box</a> return zero and terminate this algorithm.
-1. If the {{HTMLElement/offsetParent}} of the element is null return the x-coordinate of the left <a>border edge</a> of the first <a>CSS layout box</a> associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a> that apply to the element and its ancestors, and terminate this algorithm.
-1. Return the result of subtracting the x-coordinate of the left <a>padding edge</a> of the first <a>CSS layout box</a> associated with the {{HTMLElement/offsetParent}} of the element from the x-coordinate of the left <a>border edge</a> of the first <a>CSS layout box</a> associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a> that apply to the element and its ancestors.
+1. If the element is <a>the <code>body</code> element</a> or does not have any associated [=CSS/box=] return zero and terminate this algorithm.
+1. If the {{HTMLElement/offsetParent}} of the element is null return the x-coordinate of the left <a>border edge</a> of the first [=CSS/box=] associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a> that apply to the element and its ancestors, and terminate this algorithm.
+1. Return the result of subtracting the x-coordinate of the left <a>padding edge</a> of the first [=CSS/box=] associated with the {{HTMLElement/offsetParent}} of the element from the x-coordinate of the left <a>border edge</a> of the first [=CSS/box=] associated with the element, relative to the <a>initial containing block</a> origin, ignoring any <a>transforms</a> that apply to the element and its ancestors.
 
 The <dfn attribute for=HTMLElement>offsetWidth</dfn> attribute must return the result of running these steps:
 
-1. If the element does not have any associated <a>CSS layout box</a> return zero and terminate this algorithm.
+1. If the element does not have any associated [=CSS/box=] return zero and terminate this algorithm.
 1. Return the width of the axis-aligned bounding box
     of the [=border boxes=]
     of all fragments generated by the element's [=principal box=],
@@ -1452,7 +1445,7 @@ The <dfn attribute for=HTMLElement>offsetWidth</dfn> attribute must return the r
 
 The <dfn attribute for=HTMLElement>offsetHeight</dfn> attribute must return the result of running these steps:
 
-1. If the element does not have any associated <a>CSS layout box</a> return zero and terminate this algorithm.
+1. If the element does not have any associated [=CSS/box=] return zero and terminate this algorithm.
 1. Return the height of the axis-aligned bounding box
     of the [=border boxes=]
     of all fragments generated by the element's [=principal box=],
@@ -1474,12 +1467,12 @@ partial interface HTMLImageElement {
 </pre>
 
 The <dfn attribute for=HTMLImageElement>x</dfn> attribute, on getting, must return the x-coordinate of the left <a>border edge</a> of the
-first <a>CSS layout box</a> associated with the element, relative to the <a>initial containing block</a> origin, ignoring any
-<a>transforms</a> that apply to the element and its ancestors, or zero if there is no <a>CSS layout box</a>.
+first [=CSS/box=] associated with the element, relative to the <a>initial containing block</a> origin, ignoring any
+<a>transforms</a> that apply to the element and its ancestors, or zero if there is no [=CSS/box=].
 
 The <dfn attribute for=HTMLImageElement>y</dfn> attribute, on getting, must return the y-coordinate of the top <a>border edge</a> of the
-first <a>CSS layout box</a> associated with the element, relative to the <a>initial containing block</a> origin, ignoring any
-<a>transforms</a> that apply to the element and its ancestors, or zero if there is no <a>CSS layout box</a>.
+first [=CSS/box=] associated with the element, relative to the <a>initial containing block</a> origin, ignoring any
+<a>transforms</a> that apply to the element and its ancestors, or zero if there is no [=CSS/box=].
 
 
 <h2 id=extensions-to-the-range-interface>Extensions to the {{Range}} Interface</h2>