w3c
diff --git a/‎css-backgrounds-3/Overview.bs‎
Lines changed: 23 additions & 23 deletions b/‎css-backgrounds-3/Overview.bs‎
Lines changed: 23 additions & 23 deletions
@@ -189,7 +189,7 @@ color, if present, is painted below all of the other layers.
 can also define a background image, which, if present, is painted on top of
 the background created by the background properties.
 
-<h3 id="the-background-color">Base Color: the 'background-color' property</h3>
+<h3 id="background-color" oldids="the-background-color">Base Color: the 'background-color' property</h3>
 
 <table class="propdef">
     <tr>
@@ -233,7 +233,7 @@ color is drawn behind any background images.
 <p>The background color is clipped according to the 'background-clip'
 value associated with the bottom-most background image layer.
 
-<h3 id="the-background-image">Image Sources: the 'background-image' property</h3>
+<h3 id="background-image" oldids="the-background-image">Image Sources: the 'background-image' property</h3>
 
 <table class="propdef">
     <tr>
@@ -322,7 +322,7 @@ other, fully opaque images).
 
 
 
-<h3 id="the-background-repeat">Tiling Images: the 'background-repeat' property</h3>
+<h3 id="background-repeat" oldids="the-background-repeat">Tiling Images: the 'background-repeat' property</h3>
 
 <table class="propdef">
     <tr>
@@ -481,7 +481,7 @@ layer.
 
 
 
-<h3 id="the-background-attachment">Affixing Images: the 'background-attachment' property</h3>
+<h3 id="background-attachment" oldids="the-background-attachment">Affixing Images: the 'background-attachment' property</h3>
 
 <table class="propdef">
     <tr>
@@ -591,7 +591,7 @@ layer.
 
 
 
-<h3 id="the-background-position">Positioning Images: the 'background-position' property</h3>
+<h3 id="background-position" oldids="the-background-position">Positioning Images: the 'background-position' property</h3>
 
 <table class="propdef">
     <tr>
@@ -782,7 +782,7 @@ image layer.
 
 
 
-<h3 id="the-background-clip">Painting Area: the 'background-clip' property</h3>
+<h3 id="background-clip" oldids="the-background-clip">Painting Area: the 'background-clip' property</h3>
 
 <table class="propdef">
     <tr>
@@ -853,7 +853,7 @@ layer.
 
 
 
-<h3 id="the-background-origin">Positioning Area: the 'background-origin' property</h3>
+<h3 id="background-origin" oldids="the-background-origin">Positioning Area: the 'background-origin' property</h3>
 
 <table class="propdef">
     <tr>
@@ -921,7 +921,7 @@ layer.
 
 
 
-<h3 id="the-background-size">Sizing Images: the 'background-size' property</h3>
+<h3 id="background-size" oldids="the-background-size">Sizing Images: the 'background-size' property</h3>
 
 <table class="propdef">
     <tr>
@@ -1137,7 +1137,7 @@ images”</a> for how 'background-size' interacts with other
 comma-separated background properties to form each background image
 layer.
 
-<h3 id="the-background">Backgrounds Shorthand: the 'background' property</h3>
+<h3 id="background" oldids="the-background">Backgrounds Shorthand: the 'background' property</h3>
 
 <table class="propdef">
     <tr>
@@ -1385,7 +1385,7 @@ line, dotted line, pseudo-3D border, etc.) or it can be an image. In
 the former case, various properties define the style ('border-style'),
 color ('border-color'), and thickness ('border-width') of the border.
 
-<h3 id="the-border-color">Line Colors: the 'border-color' properties</h3>
+<h3 id="border-color" oldids="the-border-color">Line Colors: the 'border-color' properties</h3>
 
 <table class="propdef">
   <tr>
@@ -1461,7 +1461,7 @@ also the same as top.
 
 
 
-<h3 id="the-border-style">Line Patterns: the 'border-style' properties</h3>
+<h3 id="border-style" oldids="the-border-style">Line Patterns: the 'border-style' properties</h3>
 
 <table class="propdef">
   <tr>
@@ -1619,7 +1619,7 @@ of different styles should be joined in the corner. Also note that
 rounded corners may cause the corners and the contents to overlap, if
 the padding is less than the radius of the corner.
 
-<h3 id="the-border-width">Line Thickness: the 'border-width' properties</h3>
+<h3 id="border-width" oldids="the-border-width">Line Thickness: the 'border-width' properties</h3>
 
 <table class="propdef">
     <tr>
@@ -1704,7 +1704,7 @@ same as top.
 <p class="note">Note that the initial width is ''medium'', but the initial
 style is ''border-style/none'' and therefore the used width is 0.
 
-<h3 id="the-border-shorthands">Border Shorthand Properties</h3>
+<h3 id="border-shorthands" oldids="the-border-shorthands">Border Shorthand Properties</h3>
 
 <table class=propdef>
   <tr>
@@ -1839,7 +1839,7 @@ the 'color' property. The fact that the
 
 <h2 id="corners">Rounded Corners</h2>
 
-<h3 id="the-border-radius">Curve Radii: the 'border-radius' properties</h3>
+<h3 id="border-radius" oldids="the-border-radius">Curve Radii: the 'border-radius' properties</h3>
 
 <table class=propdef>
   <tr>
@@ -1908,7 +1908,7 @@ the 'color' property. The fact that the
 </table>
 
 <p>The two <<length-percentage>> values of the 'border-*-radius'
-properties define the <dfn lt="border radius">radii</dfn> of a quarter ellipse that defines the
+properties define the <dfn id="border-radii" lt="border radius">radii</dfn> of a quarter ellipse that defines the
 shape of the corner of the outer border edge (see the diagram below).
 The first value is the horizontal radius, the second the vertical
 radius. If the second value is omitted it is copied from the first.
@@ -2251,7 +2251,7 @@ this:
   </pre>
 </div>
 
-<h3 id="the-border-image-source">Image Source: the 'border-image-source' property</h3>
+<h3 id="border-image-source" oldids="the-border-image-source">Image Source: the 'border-image-source' property</h3>
 
 <table class=propdef>
   <tr>
@@ -2291,7 +2291,7 @@ If the value is ''border-image-source/none'' or if the image cannot be displayed
 otherwise the element's 'border-style' borders are not drawn
 and the border image is drawn as described in the sections below.
 
-<h3 id="the-border-image-slice">Image Slicing: the 'border-image-slice' property</h3>
+<h3 id="border-image-slice" oldids="the-border-image-slice">Image Slicing: the 'border-image-slice' property</h3>
 
 <table class=propdef>
   <tr>
@@ -2375,7 +2375,7 @@ with no <i>specified size</i> and the <i>border image area</i> as the <i>default
   value ''25% 30% 12% 20%''
 </div>
 
-<h3 id="the-border-image-width">Drawing Areas: the 'border-image-width' property</h3>
+<h3 id="border-image-width" oldids="the-border-image-width">Drawing Areas: the 'border-image-width' property</h3>
 
 <table class=propdef>
   <tr>
@@ -2451,7 +2451,7 @@ min(<var>L<sub>width</sub></var>/(<var>W<sub>left</sub></var>+<var>W<sub>right</
 If <var>f</var> &lt; 1, then all <var>W</var> are reduced by multiplying
 them by <var>f</var>.
 
-<h3 id="the-border-image-outset">Edge Overhang: the 'border-image-outset' property</h3>
+<h3 id="border-image-outset" oldids="the-border-image-outset">Edge Overhang: the 'border-image-outset' property</h3>
 
 <table class=propdef>
   <tr>
@@ -2509,7 +2509,7 @@ events and do not capture such events on behalf of the element.</p>
 mechanism, outset images may still be clipped by an ancestor or by the
 viewport.
 
-<h3 id="the-border-image-repeat">Image Tiling: the 'border-image-repeat' property</h3>
+<h3 id="border-image-repeat" oldids="the-border-image-repeat">Image Tiling: the 'border-image-repeat' property</h3>
 
 <table class=propdef>
   <tr>
@@ -2646,7 +2646,7 @@ in four steps:
   </ul>
 </ol>
 
-<h3 id="the-border-image">Border Image Shorthand: the 'border-image' property</h3>
+<h3 id="border-image" oldids="the-border-image">Border Image Shorthand: the 'border-image' property</h3>
 
 <table class=propdef>
   <tr>
@@ -2708,7 +2708,7 @@ The 'box-decoration-break' property,
 which defines how backgrounds and borders apply to a fragmented box,
 has been moved to the <a href="https://www.w3.org/TR/css3-break/">CSS Fragmentation Module</a>. [[CSS3-BREAK]]
 
-<h3 id="the-box-shadow">Drop Shadows: the 'box-shadow' property</h3>
+<h3 id="box-shadow" oldids="the-box-shadow">Drop Shadows: the 'box-shadow' property</h3>
 
 <table class=propdef>
   <tr>
@@ -3063,7 +3063,7 @@ Changes since the 17 October 2017 Candidate Recommendation</h3>
   <li>Inverted order of <<shadow>> grammar to match browser serialization and 'text-shadow'/''drop-shadow()''.
       (<a href="https://github.com/w3c/csswg-drafts/issues/2305">Issue 2305</a>)
       <blockquote>
-        <pre><dfn><<shadow>></dfn> = <del>inset</del><ins><<color>></ins>? &amp;&amp; <<length>>{2,4} &amp;&amp; <del><<color>></del><ins>inset</ins>?</pre>
+        <pre><<shadow>> = <del>inset</del><ins><<color>></ins>? &amp;&amp; <<length>>{2,4} &amp;&amp; <del><<color>></del><ins>inset</ins>?</pre>
       </blockquote>
 </ul>