[css-animations-2] Fix bikeshed errors (#12253)

szager-chromium · web-flow · commit 1a689cd15994 · 2025-06-05T17:15:08.000-04:00
Editorial linking error fixes.
diff --git a/css-animations-2/Overview.bs b/css-animations-2/Overview.bs
@@ -37,6 +37,8 @@ urlPrefix: https://dom.spec.whatwg.org/; type: dfn; spec: dom
     text: event target
 </pre>
 <pre class=link-defaults>
+spec:cssom-1; type:dfn;
+    text:property name; for:CSS declaration
 spec:web-animations-1; type:dfn;
     text:active duration
     text:active phase; for:animation effect
@@ -73,8 +75,8 @@ spec:web-animations-2; type:dfn;
     text:default range
     text:exit range
 spec:scroll-animations-1; type:dfn;
-	text:animation-range-start
-	text:animation-range-end
+    text:animation-range-start
+    text:animation-range-end
 </pre>
 
 <h2 id="delta">Delta specification</h2>
@@ -127,12 +129,12 @@ the changes from the programming interface take precedence as follows:
     or after successfully setting the {{Animation/startTime}}
     on a {{CSSAnimation}},
     if, as a result of that call the [=play state=] of the
-    {{CSSAnimation}} changes to or from the [=paused play state=],
+    {{CSSAnimation}} changes to or from the [=play state/paused=] play state,
     any subsequent change to the 'animation-play-state' will no longer
     cause the {{CSSAnimation}} to be played or paused
     as defined in [[#animation-play-state]].
 
-    The requirement for a change to or from the [=paused play state=]
+    The requirement for a change to or from the [=play state/paused=] state
     ensures that even after calling
     {{Animation/reverse()}} or setting the {{Animation/startTime}}
     on a running animation,
@@ -265,15 +267,14 @@ roughly the same composite order.
 CSS Animations generated using the markup defined in this specification are
 <em>not</em> added to the <a>global animation list</a> when they are created.
 Instead, these animations are appended to the <a>global animation list</a> at
-the first moment when they transition out of the <a>idle play state</a> after
-being disassociated from their <a>owning element</a>.
+the first moment when they transition out of the [=play state/idle=] play state
+after being disassociated from their <a>owning element</a>.
 CSS Animations that have been disassociated from their <a>owning element</a>
-but are still <a lt="idle play state">idle</a> do not have a defined
-composite order.
+but are still [=play state/idle=] do not have a defined composite order.
 
 Note, this behavior relies on the fact that disassociating an animation
 from its <a>owning element</a> always causes it to enter (or remain) in the
-<a>idle play state</a>.
+[=play state/idle=] play state.
 
 <h2 id="keyframes">
 Assembling Keyframes</h2>
@@ -286,7 +287,7 @@ See [[css-animations-1#keyframes]].
 <h3 id="keyframe-processing">
 Processing Keyframes</h3>
 
-For each animation effect defined by the <var>N</var>th item
+For each animation effect defined by the <var ignore=''>N</var>th item
 in the [=coordinated value list=] of the 'animation-*' properties
 on target (pseudo-)element |element|,
 its associated [=keyframes=] are generated as follows:
@@ -306,7 +307,7 @@ its associated [=keyframes=] are generated as follows:
         |keyframe composite|,
         and |keyframe values|.
 
-    *   Let |animated properties| be an empty set of CSS property names.
+    *   Let |animated properties| be an empty set of CSS [=property names=].
 
 1.  <strong>Collect Declared Keyframes:</strong>
     1.  Find the last ''@keyframes'' at-rule in document order
@@ -320,21 +321,21 @@ its associated [=keyframes=] are generated as follows:
         In this case no animation is generated,
         and any existing animation matching |name| is canceled.
 
-    1.  Group together all [=keyframe blocks=]
+    1.  Group together all <<keyframe-block>> declarations
         that share the same [=specified value|specified=] <<keyframe-selector>>
         (treating ''@keyframe/from'' as ''0%'' and ''@keyframe/to'' as ''100%''),
         last declared 'animation-timing-function' [=computed value=]
         (defaulting to |default timing function| if there is no such declaration),
         and last declared 'animation-composition' [=computed value=]
         (defaulting to |default composite| if there is no such declaration).
 
-    1.  For each such group of matching [=keyframe blocks=],
-        ordered by their earliest [=keyframe block=] in the sorted order:
+    1.  For each such group of matching <<keyframe-block>> declarations,
+        ordered by their earliest <<keyframe-block>> in the sorted order:
 
             1.  [=Cascade=] together all of its [=declaration blocks=]
                 such that for each CSS property
                 (except those that are “not animatable”, which must be ignored)
-                the last declaration among all its [=keyframe blocks=]
+                the last declaration among all its <<keyframe-block>> declarations
                 takes precedence.
                 [[CSS-CASCADE-4]]
 
@@ -343,14 +344,14 @@ its associated [=keyframes=] are generated as follows:
                 and map together corresponding property pairs in each [=logical property group=]
                 according to the |element|’s [=computed value|computed=] [=writing mode=].
 
-            1.  Append to |keyframes| a new empty [=keyframe=] |keyframe|
+            1.  Append to |keyframes| a new empty [=keyframe=]
                 with the group’s |keyframe offset|,
                 |keyframe timing function|,
                 and |keyframe composite|.
                 Give its |keyframe values|
                 the set of [=declared values=] resulting from this cascade.
 
-            1.  Add each property name that was added to its |keyframe properties|
+            1.  Add each [=property name=] that was added to its {{CSSKeyframesRule/cssRules}}
                 to |animated properties|.
 
 1.  <strong>Generate Initial and Final Frames:</strong>
@@ -470,11 +471,11 @@ Declaring Animations</h2>
   If the [=used value|used=] 'animation-duration' is ''0s'',
   the animation itself still occurs (instantaneously).
   The animation’s start and end events are still fired.
-  If 'animation-fill-mode' is set to ''backwards'' or ''both'',
+  If 'animation-fill-mode' is set to ''single-animation-fill-mode/backwards'' or ''single-animation-fill-mode/both'',
   the first frame of the animation
   (as defined by 'animation-direction')
   will be displayed during the 'animation-delay';
-  and if 'animation-fill-mode' is set to ''forwards'' or ''both'',
+  and if 'animation-fill-mode' is set to ''single-animation-fill-mode/forwards'' or ''single-animation-fill-mode/both'',
   the last frame of the animation
   (as defined by 'animation-direction')
   will be displayed after the 'animation-delay'.
@@ -746,25 +747,25 @@ The values of 'animation-trigger-behavior' have the following meaning
 for an [=animation trigger=] that enters its [=animation trigger/active interval|active interval=]:
 
 <dl dfn-type=value dfn-for=animation-trigger-behavior>
-	<dt><dfn>once</dfn>
-	<dd>
-		The animation is triggered and played once and only once.
-
-	<dt><dfn>repeat</dfn>
-	<dd>
-		The animation is played from the beginning each time it is triggered.
-		When the trigger’s [=animation trigger/active interval=] is exited the animation is reset.
-
-	<dt><dfn>alternate</dfn>
-	<dd>
-		The animation is played forwards, according to its [=playback direction=], each time it is triggered.
-		When the trigger’s [=animation trigger/active interval=] is exited the animation is reversed.
-
-	<dt><dfn>state</dfn>
-	<dd>
-		The animation is triggered and played once.
-		When the trigger’s [=animation trigger/active interval=] is exited the animation is paused.
-		When the trigger’s [=animation trigger/active interval=] is re-entered the animation is resumed.
+        <dt><dfn>once</dfn>
+        <dd>
+                The animation is triggered and played once and only once.
+
+        <dt><dfn>repeat</dfn>
+        <dd>
+                The animation is played from the beginning each time it is triggered.
+                When the trigger’s [=animation trigger/active interval=] is exited the animation is reset.
+
+        <dt><dfn>alternate</dfn>
+        <dd>
+                The animation is played forwards, according to its [=playback direction=], each time it is triggered.
+                When the trigger’s [=animation trigger/active interval=] is exited the animation is reversed.
+
+        <dt><dfn>state</dfn>
+        <dd>
+                The animation is triggered and played once.
+                When the trigger’s [=animation trigger/active interval=] is exited the animation is paused.
+                When the trigger’s [=animation trigger/active interval=] is re-entered the animation is resumed.
 </dl>
 
 The behavior of each value is defined in [[web-animations-2#trigger-behaviors]].
@@ -858,7 +859,7 @@ The 'animation-trigger-exit-range' property is a [=shorthand property|shorthand=
 that sets 'animation-trigger-exit-range-start' and 'animation-trigger-exit-range-end'
 together in a single declaration,
 specifying the [=animation trigger=]’s associated [=exit range=].
-It has the same syntax as the 'animation-range' property, with the addition of the ''auto'' keyword.
+It has the same syntax as the 'animation-range' property, with the addition of the ''animation-trigger-exit-range-start/auto'' keyword.
 
 The [=exit range=] replaces the [=default range=] once the [=animation trigger=]’s
 [=animation trigger/active interval|active interval=] is entered,
@@ -888,31 +889,31 @@ associated [=exit range=].
 The values of 'animation-trigger-exit-range-start' have the following meaning:
 
 <dl dfn-for="animation-trigger-exit-range-start" dfn-type=value>
-	<dt><dfn>auto</dfn>
-	<dd>
-		The start of the trigger’s [=exit range=]
-		is equal to the start of its [=default range=].
-
-	<dt><dfn>normal</dfn>
-	<dd>
-		The start of the trigger’s [=exit range=]
-		is the start of its associated [=timeline=];
-		the start of the trigger’s [=animation trigger/active interval|active interval=]
-		is determined as normal.
-
-	<dt><dfn><<length-percentage>></dfn>
-	<dd>
-		The [=exit range=] starts
-		at the specified point on the [=timeline=]
-		measuring from the start of the timeline.
-
-	<dt><dfn><<timeline-range-name>> <<length-percentage>>?</dfn>
-	<dd>
-		The [=exit range=] starts
-		at the specified point on the [=timeline=]
-		measuring from the start of the specified [=named timeline range=].
-		If the <<length-percentage>> is omitted,
-		it defaults to 0%.
+        <dt><dfn>auto</dfn>
+        <dd>
+                The start of the trigger’s [=exit range=]
+                is equal to the start of its [=default range=].
+
+        <dt><dfn>normal</dfn>
+        <dd>
+                The start of the trigger’s [=exit range=]
+                is the start of its associated [=timeline=];
+                the start of the trigger’s [=animation trigger/active interval|active interval=]
+                is determined as normal.
+
+        <dt><dfn><<length-percentage>></dfn>
+        <dd>
+                The [=exit range=] starts
+                at the specified point on the [=timeline=]
+                measuring from the start of the timeline.
+
+        <dt><dfn><<timeline-range-name>> <<length-percentage>>?</dfn>
+        <dd>
+                The [=exit range=] starts
+                at the specified point on the [=timeline=]
+                measuring from the start of the specified [=named timeline range=].
+                If the <<length-percentage>> is omitted,
+                it defaults to 0%.
 </dl>
 
 ## The 'animation-trigger-exit-range-end' property ## {#animation-trigger-exit-range-end}
@@ -934,31 +935,31 @@ associated [=exit range=].
 The values of 'animation-trigger-exit-range-start' have the following meaning:
 
 <dl dfn-for="animation-trigger-exit-range-end" dfn-type=value>
-	<dt><dfn>auto</dfn>
-	<dd>
-		The end of the trigger’s [=exit range=]
-		is equal to the end of its [=default range=].
-
-	<dt><dfn>normal</dfn>
-		<dd>
-			The end of the trigger’s [=exit range=]
-			is the end of its associated [=timeline=];
-			the end of the trigger’s [=animation trigger/active interval|active interval=]
-			is determined as normal.
-
-		<dt><dfn><<length-percentage>></dfn>
-		<dd>
-			The [=exit range=] ends
-			at the specified point on the [=timeline=]
-			measuring from the start of the timeline.
-
-		<dt><dfn><<timeline-range-name>> <<length-percentage>>?</dfn>
-		<dd>
-			The [=exit range=] ends
-			at the specified point on the [=timeline=]
-			measuring from the start of the specified [=named timeline range=].
-			If the <<length-percentage>> is omitted,
-			it defaults to 100%.
+        <dt><dfn>auto</dfn>
+        <dd>
+                The end of the trigger’s [=exit range=]
+                is equal to the end of its [=default range=].
+
+        <dt><dfn>normal</dfn>
+                <dd>
+                        The end of the trigger’s [=exit range=]
+                        is the end of its associated [=timeline=];
+                        the end of the trigger’s [=animation trigger/active interval|active interval=]
+                        is determined as normal.
+
+                <dt><dfn><<length-percentage>></dfn>
+                <dd>
+                        The [=exit range=] ends
+                        at the specified point on the [=timeline=]
+                        measuring from the start of the timeline.
+
+                <dt><dfn><<timeline-range-name>> <<length-percentage>>?</dfn>
+                <dd>
+                        The [=exit range=] ends
+                        at the specified point on the [=timeline=]
+                        measuring from the start of the specified [=named timeline range=].
+                        If the <<length-percentage>> is omitted,
+                        it defaults to 100%.
 </dl>
 
 ## The 'animation-trigger' property ## {#animation-trigger}
