[css-backgrounds-3] Clean up computed value / animation type lines.

Author: fantasai

css-backgrounds-3/Overview.bs

@@ -211,10 +211,10 @@ the background created by the background properties.
       <td>N/A
     <tr>
       <th>Computed value:
-      <td>the computed color
+      <td>computed color
     <tr>
-      <th>Animatable:
-      <td>as <a href="https://www.w3.org/TR/css3-transitions/#animtype-color">color</a>
+      <th>Animation type:
+      <td>by computed value
 </table>
 
 <p>This property sets the <span class=index
@@ -254,8 +254,8 @@ value associated with the bottom-most background image layer.
       <th>Computed value:
       <td>as specified, but with URIs made absolute
     <tr>
-      <th>Animatable:
-      <td>no
+      <th>Animation type:
+      <td>discrete
 </table>
 
 <p>This property sets the background image(s) of an element. Images
@@ -338,11 +338,10 @@ other, fully opaque images).
       <td>N/A
     <tr>
       <th>Computed value:
-      <td>A list, each item consisting of:
-        two keywords, one per dimension
+      <td>list, each item a pair of keywords, one per dimension
     <tr>
-      <th>Animatable:
-      <td>no
+      <th>Animation type:
+      <td>discrete
 </table>
 
 <p>Specifies how background images are tiled after they have been
@@ -494,10 +493,10 @@ layer.
       <td>N/A
     <tr>
       <th>Computed value:
-      <td>as specified
+      <td>list, each item the keyword as specified
     <tr>
-      <th>Animatable:
-      <td>no
+      <th>Animation type:
+      <td>discrete
 </table>
 
 <p>If background images are specified, this property specifies whether
@@ -603,12 +602,12 @@ layer.
       area</span> <em>minus</em> size of background image; see text
     <tr>
       <th>Computed value:
-      <td>A list, each item consisting of:
+      <td>list, each item
         a pair of offsets (horizontal and vertical) from the top left origin
-        each given as a combination of an absolute length and a percentage
+        each given as an absolutized length/percentage value
     <tr>
-      <th>Animatable:
-      <td>as <a href="https://www.w3.org/TR/css3-transitions/#animtype-repeatable-list">repeatable list</a> of <a href="https://www.w3.org/TR/css3-transitions/#animtype-simple-list">simple list</a> of <a href="https://www.w3.org/TR/css3-transitions/#animtype-lpcalc">length, percentage, or calc</a>
+      <th>Animation type:
+      <td>repeatable list
 </table>
 
 <p>If background images have been specified, this property specifies
@@ -789,10 +788,10 @@ image layer.
       <td>N/A
     <tr>
       <th>Computed value:
-      <td>as specified
+      <td>list, each item a keyword as specified
     <tr>
-      <th>Animatable:
-      <td>no
+      <th>Animation type:
+      <td>repeatable list
 </table>
 
 <p>Determines the <dfn id="background-painting-area">background painting area</dfn>,
@@ -857,10 +856,10 @@ layer.
       <td>N/A
     <tr>
       <th>Computed value:
-      <td>as specified
+      <td>list, each item a keyword as specified
     <tr>
-      <th>Animatable:
-      <td>no
+      <th>Animation type:
+      <td>repeatable list
 </table>
 
 <p>For elements rendered as a single box, specifies the
@@ -922,10 +921,11 @@ layer.
       <td>see text
     <tr>
       <th>Computed value:
-      <td>as specified, but with lengths made absolute and omitted ''background-size/auto'' keywords filled in
+      <td>list, each item a pair of sizes (one per axis)
+      each represented as either a keyword or an absolutized length/percentage value
     <tr>
-      <th>Animatable:
-      <td>as <a href="https://www.w3.org/TR/css3-transitions/#animtype-repeatable-list">repeatable list</a> of <a href="https://www.w3.org/TR/css3-transitions/#animtype-simple-list">simple list</a> of <a href="https://www.w3.org/TR/css3-transitions/#animtype-lpcalc">length, percentage, or calc</a> and keywords
+      <th>Animation type:
+      <td>repeatable list
 </table>
 
 <p>Specifies the size of the background images. Where
@@ -1129,7 +1129,7 @@ layer.
       <th>Computed value:
       <td>see individual properties
     <tr>
-      <th>Animatable:
+      <th>Animation type:
       <td>see individual properties
 </table>
 
@@ -1375,10 +1375,10 @@ color ('border-color'), and thickness ('border-width') of the border.
     <td>N/A
   <tr>
     <th>Computed value:
-    <td>the computed color
+    <td>computed color
   <tr>
-    <th>Animatable:
-    <td>as <a href="https://www.w3.org/TR/css3-transitions/#animtype-color">color</a>
+    <th>Animation type:
+    <td>by computed value
 </table>
 
 <table class="propdef">
@@ -1445,10 +1445,10 @@ also the same as top.
     <td>N/A
   <tr>
     <th>Computed value:
-    <td>specified value
+    <td>specified keyword
   <tr>
-    <th>Animatable:
-    <td>no
+    <th>Animation type:
+    <td>discrete
 </table>
 
 <table class="propdef">
@@ -1474,7 +1474,7 @@ also the same as top.
     <th>Computed value:
     <td>see individual properties
   <tr>
-    <th>Animatable:
+    <th>Animation type:
     <td>see individual properties
 </table>
 
@@ -1598,7 +1598,7 @@ the padding is less than the radius of the corner.
       <td>absolute length; zero if the border style is ''border-style/none'' or ''hidden''
     <tr>
       <th>Animatable:
-      <td>as <a href="https://www.w3.org/TR/css3-transitions/#animtype-length">length</a>
+      <td>by computed value
 </table>
 
 <table class="propdef">
@@ -1807,10 +1807,10 @@ the 'color' property. The fact that the
         <a>border box</a>.
   <tr>
     <th>Computed value:
-    <td>two absolute <<length>> or percentages
+    <td>pair of absolutized length/percentage values
   <tr>
     <th>Animatable:
-    <td>as two values of <a href="https://www.w3.org/TR/css3-transitions/#animtype-lpcalc">length, percentage, or calc</a>
+    <td>by computed value
 </table>
 
 <table class=propdef>
@@ -2210,10 +2210,10 @@ this:
     <td>N/A
   <tr>
     <th>Computed value:
-    <td>''border-image-source/none'' or the image with its URI made absolute
+    <td>the keyword ''border-image-source/none'' or the specified image with URIs made absolute
   <tr>
-    <th>Animatable:
-    <td>no
+    <th>Animation type:
+    <td>discrete
 </table>
 
 <p>Specifies an image to use in place of the rendering specified by the 'border-style' properties
@@ -2247,10 +2247,10 @@ and the border image is drawn as described in the sections below.
     <td>refer to size of the border image
   <tr>
     <th>Computed value:
-    <td>as four values, each a number or percentage, and optionally a ''fill'' keyword
+    <td>four values, each a number or percentage; and optionally a ''fill'' keyword
   <tr>
-    <th>Animatable:
-    <td>no
+    <th>Animation type:
+    <td>by computed value
 </table>
 
 <p>This property specifies inward offsets from the top, right, bottom,
@@ -2328,10 +2328,10 @@ with no <i>specified size</i> and the <i>border image area</i> as the <i>default
     <td>Relative to width/height of the <a>border image area</a>
   <tr>
     <th>Computed value:
-    <td>four values, each a percentage, number, ''border-image-width/auto'' keyword, or <<length>> made absolute
+    <td>four values, each a number, the keyword ''border-image-width/auto'', or an absolutized length/percentage value
   <tr>
-    <th>Animatable:
-    <td>no
+    <th>Animation type:
+    <td>by computed value
 </table>
 
 <p>The border image is drawn inside an area called the
@@ -2401,10 +2401,10 @@ them by <var>f</var>.
     <td>N/A
   <tr>
     <th>Computed value:
-    <td>four values, each a number or <<length>> made absolute
+    <td>four values, each a number or absolute length
   <tr>
-    <th>Animatable:
-    <td>no
+    <th>Animation type:
+    <td>by computed value
 </table>
 
 
@@ -2456,10 +2456,10 @@ viewport.
     <td>N/A
   <tr>
     <th>Computed value:
-    <td>two keywords, one for each axis
+    <td>two keywords, one per axis
   <tr>
-    <th>Animatable:
-    <td>no
+    <th>Animation type:
+    <td>discrete
 </table>
 
 <p>This property specifies how the images for the sides and the middle
@@ -2646,10 +2646,17 @@ has been moved to the <a href="https://www.w3.org/TR/css3-break/">CSS Fragmentat
     <td>N/A
   <tr>
     <th>Computed value:
-    <td>any <<length>> made absolute; any specified color computed; otherwise as specified
-  <tr>
-    <th>Animatable:
-    <td>as <a href="https://www.w3.org/TR/css3-transitions/#animtype-shadow-list">shadow list</a>
+    <td>either the keyword ''box-shadow/none'' or
+    a list, each item consisting of four absolute lengths
+    plus a computed color and optionally also a ''box-shadow/inset'' keyword
+  <tr>
+    <th>Animation type:
+    <td>by computed value,
+    treating ''box-shadow/none'' as a zero-item list
+    and appending blank shadows (''transparent 0 0 0 0'')
+    with a corresponding ''box-shadow/inset'' keyword as needed
+    to match the longer list
+    if the the shorter list is otherwise compatible with the longer one
 </table>
 
   <p>The 'box-shadow' property attaches one or more drop-shadows to the box.
@@ -2983,6 +2990,9 @@ Changes since the 17 October 2017 Candidate Recommendation</h3>
       <p>If the color is absent, <ins>it defaults to ''currentColor''</ins>
       <del>the used color is taken from the 'color' property.</del>
     </blockquote>
+  <li>
+    Cleaned up and regularized “Animation type” and “Computed value” lines
+    in the property definition tables.
 </ul>
 
 <h3 id="changes-2014-09">