[css-backgrounds-3][editorial] Fix bikeshed errors.

Author: tabatkins

css-backgrounds-3/Overview.bs

@@ -18,7 +18,7 @@ Abstract: This draft contains the features of CSS relating to borders and backgr
 Test Suite: http://test.csswg.org/suites/css3-background/nightly-unstable/
 At risk: animatability of 'box-shadow'
 At risk: applicability of 'border' and its longhands to [=ruby base containers=] and [=ruby annotation containers=]
-Use <i> Autolinks: yes
+Ignored Vars: width of background positioning area, width of background image, height of background positioning area, height of background image, X, X', Li, Ltop, Lbottom, Lleft, Lright, Wside, Wleft, Wright, Wtop, Wbottom, spread distance
 </pre>
 <pre class="link-defaults">
 spec:css2; type:type; text:<uri>
@@ -28,8 +28,8 @@ spec:css2; type:value; text:inline-table
 spec:css2; type:value; text:table-cell
 spec:css2; type:property; text:overflow
 spec:css2; type:value; text:visible
-spec:css-color-3; type:property; text:color
-spec:css-color-3; type:value; text:transparent
+spec:css-color-4; type:property; text:color
+spec:css-color-4; type:value; text:transparent
 spec:selectors-3; type:selector; text: ::first-letter
 spec:selectors-3; type:selector; text: ::first-line
 spec:css-values-3; type:type; text:<position>
@@ -431,7 +431,7 @@ a comma-separated list of &lt;attachment&gt; keywords where
     <dd>The background is fixed with regard to the element's contents:
       if the element has a scrolling mechanism,
       the background scrolls with the element's contents,
-      and the <i>background painting area</i> and <i>background positioning area</i>
+      and the [=background painting area=] and [=background positioning area=]
       are relative to the scrollable area of the element rather than to the border framing them.
       Because the scrollable area does not include the border area,
       for scrollable elements the ''background-clip/border-box'' value of 'background-clip'
@@ -697,7 +697,7 @@ the border, if any. See “Elaborate description of Stacking Contexts” in
 [[!CSS2]].
 
 <p>See the section on <a href="#corner-shaping">Corner Shaping</a>
-for how 'border-radius' affects the shape of the <i>background painting area</i>.
+for how 'border-radius' affects the shape of the [=background painting area=].
 
 <p>See the section <a href="#layering">“Layering multiple background
 images”</a> for how ''background-clip'' interacts with other
@@ -1641,7 +1641,7 @@ the inner curve will not be a full quarter ellipse.</p>
 by <em>adding</em> the corresponding margin thickness to each border radius.
 However, in order to create a sharper corner when the border radius is small
 (and thus ensure continuity between round and sharp corners),
-when the <i>border radius</i> is less than the margin,
+when the [=border radius=] is less than the margin,
 the margin is multiplied by the proportion 1 + (<var>r</var>-1)<sup>3</sup>,
 where <var>r</var> is the ratio of the border radius to the margin,
 in calculating the corner radii of the margin box shape.
@@ -1960,7 +1960,7 @@ parts. Analogously for the top and bottom values.
 <p>If the image must be sized to determine the slices
 (for example, for SVG images with no [=natural dimensions=]),
 then it is sized using the <a href="https://www.w3.org/TR/css3-images/#default-sizing">default sizing algorithm</a>
-with no <i>specified size</i> and the <i>border image area</i> as the <i>default object size</i>.
+with no [=specified size=] and the [=border image area=] as the [=default object size=].
 
 <div class=figure>
   <p><img src="images/slice.png" alt="Diagram: two horizontal cuts and two
@@ -2276,44 +2276,44 @@ Animation type: by computed value,
 
   <p>The components of each <<shadow>> are interpreted as follows:
 
-  <dl>
+  <dl dfn-type=dfn dfn-for=box-shadow noexport>
     <dt><dfn id="shadow-offset-x">1st <<length>></dfn>
     <dd>
-      Specifies the <dfn>horizontal offset</dfn> of the shadow.
+      Specifies the <dfn export>horizontal offset</dfn> of the shadow.
       A positive value draws a shadow that is offset to the right of the box,
       a negative length to the left.
 
     <dt><dfn id="shadow-offset-y">2nd <<length>></dfn>
     <dd>
-      Specifies the <dfn>vertical offset</dfn> of the shadow.
+      Specifies the <dfn export>vertical offset</dfn> of the shadow.
       A positive value offsets the shadow down, a negative one up.
 
     <dt><dfn id="shadow-blur-radius">3rd <<length [0,&infin;]>></dfn>
-    <dd>Specifies the <dfn>blur radius</dfn>.
+    <dd>Specifies the <dfn export>blur radius</dfn>.
       Negative values are invalid.
       If the blur value is zero, the shadow’s edge is sharp.
       Otherwise, the larger the value, the more the shadow’s edge is blurred.
       See <a href="#shadow-blur">Shadow Blurring</a>, below.
 
     <dt><dfn id="shadow-spread-distance">4th <<length>></dfn>
-    <dd>Specifies the <dfn>spread distance</dfn>.
+    <dd>Specifies the <dfn export>spread distance</dfn>.
       Positive values cause the shadow to expand in all directions by the specified radius.
       Negative values cause the shadow to contract.
       See <a href="#shadow-shape">Shadow Shape</a>, below.
       <p class="note">Note that for inner shadows,
       expanding the shadow (creating more shadow area)
       means contracting the shadow’s perimeter shape.
 
-    <dt><dfn value for=box-shadow id="shadow-color"><<color>></dfn>
+    <dt><dfn value id="shadow-color"><<color>></dfn>
     <dd>
       Specifies the color of the shadow.
       If the color is absent, it defaults to ''currentColor''.
 
-    <dt><dfn value for=box-shadow id="shadow-inset">inset</dfn>
+    <dt><dfn value id="shadow-inset">inset</dfn>
     <dd>If present, the ''box-shadow/inset'' keyword changes the drop shadow
-    from an <dfn local-lt="outer shadow">outer box-shadow</dfn>
+    from an <dfn local-lt="outer shadow" export>outer box-shadow</dfn>
       (one that shadows the box onto the canvas, as if it were lifted above the canvas)
-    to an <dfn local-lt="inner shadow">inner box-shadow</dfn>
+    to an <dfn local-lt="inner shadow" export>inner box-shadow</dfn>
       (one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it).
   </dl>
 
@@ -2342,19 +2342,19 @@ Animation type: by computed value,
 <h4 id="shadow-shape">
 Shadow Shape, Spread, and Knockout</h4>
 
-  <p>An <i>outer box-shadow</i> casts a shadow as if the border-box of the element were opaque.
+  <p>An [=outer box-shadow=] casts a shadow as if the border-box of the element were opaque.
   Assuming a spread distance of zero, its perimeter has the exact same size and shape as the border box.
   The shadow is drawn outside the border edge only:
   it is clipped inside the border-box of the element.
 
-  <p>An <i>inner box-shadow</i> casts a shadow as if everything outside the padding edge were opaque.
+  <p>An [=inner box-shadow=] casts a shadow as if everything outside the padding edge were opaque.
   Assuming a spread distance of zero, its perimeter has the exact same size and shape as the padding box.
   The shadow is drawn inside the padding edge only:
   it is clipped outside the padding box of the element.
 
-  <p>If a <i>spread distance</i> is defined, the shadow perimeter defined above
-  is expanded outward (for <i>outer box-shadows</i>) or contracted inward (for <i>inner box-shadows</i>)
-  by outsetting (insetting, for inner shadows) the shadow's straight edges by the <i>spread distance</i>
+  <p>If a [=spread distance=] is defined, the shadow perimeter defined above
+  is expanded outward (for [=outer box-shadows=]) or contracted inward (for [=inner box-shadows=])
+  by outsetting (insetting, for inner shadows) the shadow's straight edges by the [=spread distance=]
   (and flooring the resulting width/height at zero).
 
   <div class="example">
@@ -2455,17 +2455,17 @@ Shadow Shape, Spread, and Knockout</h4>
   <p>To preserve the box's shape when spread is applied,
   the corner radii of the shadow are also increased (decreased, for inner shadows)
   from the border-box (padding-box) radii by adding (subtracting)
-  the <i>spread distance</i> (and flooring at zero).
+  the [=spread distance=] (and flooring at zero).
   However, in order to create a sharper corner when the border radius is small
   (and thus ensure continuity between round and sharp corners),
-  when the <i>border radius</i> is less than the <i>spread distance</i>
+  when the [=border radius=] is less than the [=spread distance=]
   (or in the case of an inner shadow,
-  less than the absolute value of a negative <i>spread distance</i>),
-  the <i>spread distance</i>
+  less than the absolute value of a negative [=spread distance=]),
+  the [=spread distance=]
   is first multiplied by the proportion 1 + (<var>r</var>-1)<sup>3</sup>,
-  where <var>r</var> is the ratio of the border radius to the <i>spread distance</i>,
+  where <var>r</var> is the ratio of the border radius to the [=spread distance=],
   in calculating the corner radii of the spread shadow shape.
-  For example, if the border radius is 10px and the <i>spread distance</i> is 20px (<var>r</var> = .5),
+  For example, if the border radius is 10px and the [=spread distance=] is 20px (<var>r</var> = .5),
   the corner radius of the shadow shape will be 10px + 20px × (1 + (.5 - 1)<sup>3</sup>) = 27.5px
   rather than 30px.
   This adjustment is applied independently to the radii in each dimension.
@@ -2475,7 +2475,7 @@ Shadow Shape, Spread, and Knockout</h4>
 <h4 id="shadow-blur">
 Blurring Shadow Edges</h4>
 
-  <p>A non-zero <i>blur radius</i> indicates that the resulting shadow should
+  <p>A non-zero [=blur radius=] indicates that the resulting shadow should
   be blurred, such as by a Gaussian filter. The exact algorithm is not
   defined; however the resulting shadow must approximate (with each pixel
   being within 5% of its expected value) the image that would be generated
@@ -2496,8 +2496,8 @@ Layering, Layout, and Other Details</h4>
   Shadows do not influence layout and may overlap (or be overlapped by)
   other boxes and text or their shadows.
   In terms of stacking contexts and the painting order,
-  the <i>outer box-shadows</i> of an element are drawn immediately below the background of that element,
-  and the <i>inner shadows</i> of an element are drawn immediately above the background of that element
+  the [=outer box-shadows=] of an element are drawn immediately below the background of that element,
+  and the [=inner shadows=] of an element are drawn immediately above the background of that element
   (below the borders and border image, if any).
 
   <p>If an element has multiple boxes, all of them get drop shadows,
@@ -2557,15 +2557,18 @@ The lists below describe which features from this specification are in each leve
 <h2 id="changes">
 Changes</h2>
 
-<h3 id="changes-2020-12">
+<h3 id="changes-2024-02">
 Changes since the 14 February 2024 Candidate Recommendation Snapshot</h3>
 
 <ul>
-  <li>Reverted <a href="#bg-color-move">change moving <<color>> to the front of <<final-bg-layer>></a>
+  <li>Reverted <a href="#bg-color-move">change moving &lt;color> to the front of &lt;final-bg-layer></a>
     in the 'background' shorthand.
     (<a href="https://github.com/w3c/csswg-drafts/issues/8496">Issue 8496</a>)
   <li>Fixed an error in the Computed Value line of 'background-image'.
     (<a href="https://github.com/w3c/csswg-drafts/issues/8604">Issue 8604</a>)
+  <li>Removed the &lt;box> definition
+    (replacing it with a <<visual-box>> reference),
+    as the Box Module now defines these terms.
 </ul>
 
 
@@ -2600,15 +2603,15 @@ Changes since the 17 October 2017 Candidate Recommendation</h3>
         <p>To preserve the box's shape when spread is applied,
         the corner radii of the shadow are also increased (decreased, for inner shadows)
         from the border-box radii by adding (subtracting)
-        the <i>spread distance</i> (and flooring at zero).
+        the [=spread distance=] (and flooring at zero).
         However, in order to create a sharper corner when the border radius is small
         <ins>(and thus ensure continuity between round and sharp corners)</ins>,
-        when the <i>border radius</i> is less than the <i>spread distance</i>
+        when the [=border radius=] is less than the [=spread distance=]
         <ins>(or in the case of an inner shadow,
-        less than the absolute value of a negative <i>spread distance</i>)</ins>,
-        the <i>spread distance</i>
+        less than the absolute value of a negative [=spread distance=])</ins>,
+        the [=spread distance=]
         is multiplied by the proportion 1 + (<var>r</var>-1)<sup>3</sup>,
-        where <var>r</var> is the ratio of the border radius to the <i>spread distance</i>,
+        where <var>r</var> is the ratio of the border radius to the [=spread distance=],
         in calculating the corner radii of the spread shadow shape.
       </blockquote>
   <li>
@@ -2811,11 +2814,9 @@ Candidate Recommendation</a>:
     </blockquote>
     <p>Changed <del>Equivalent</del> to <ins>Computes</ins> in
     definition of keywords.
-  <li><a href="#animations">Section 2.3</a> (and all property definitions):
-    Added a section about expected an expected animations module.
-    Added "Animation Type" line to property definition tables.
+  <li>Added "Animation Type" line to property definition tables.
   <li><a href="#the-background-position">Section 3.6</a>:
-    Renamed &lt;bg-position&gt; production to <i>&lt;position&gt;</i> for
+    Renamed &lt;bg-position&gt; production to <<position>> for
     easier re-use in other specifications and recast the grammar to be more
     verbose but easier to understand.
     <blockquote>
@@ -2889,3 +2890,11 @@ the box-shadow examples, and for proposing some
 <a href="http://www.bradclicks.com/cssplay/border-image/Thinking_Outside_The_Box.html">radical changes</a>
 to the 'border-image' property that solved a number of problems with
 the earlier definition.</p>
+
+<h2 id=privacy>Privacy Considerations</h2>
+
+This specification introduces no new privacy considerations.
+
+<h2 id=security>Security Considerations</h2>
+
+This specification introduces no new security considerations.