Mercurial > drafts / changeset

     1.1 --- a/css3-transitions/Overview.html	Tue Feb 05 09:57:09 2013 -0800
     1.2 +++ b/css3-transitions/Overview.html	Tue Feb 05 11:00:46 2013 -0700
     1.3 @@ -1272,6 +1272,15 @@
     1.4        http://lists.w3.org/Archives/Public/www-style/2011Sep/0497.html
     1.5        -->
     1.6  
     1.7 +  <p>The definition of each CSS property defines when the values of that
     1.8 +   property can be interpolated by referring to the definitions of property
     1.9 +   types in the <a href="#animatable-types">previous section</a>. Values are
    1.10 +   animatable when both the from and the to values of the property have the
    1.11 +   type described. (When a composite type such as "length, percentage, or
    1.12 +   calc" is listed, this means that both values must fit into that composite
    1.13 +   type.) When multiple types are listed in the form "either A or B", both
    1.14 +   values must be of the same type to be interpolable.
    1.15 +
    1.16    <p>For properties that exist at the time this specification was developed,
    1.17     this specification defines whether and how they are animated. However,
    1.18     future CSS specifications may define additional properties, additional
    1.19 @@ -1292,11 +1301,11 @@
    1.20    <h3 id=animatable-css><span class=secno>7.1. </span><a
    1.21     id=properties-from-css-> Properties from CSS </a></h3>
    1.22  
    1.23 -  <p>The following properties are animatable when both the from and the to
    1.24 -   values of the property have the type described. When multiple types are
    1.25 -   listed, both values must be of the same type. (When a composite type such
    1.26 -   as "length, percentage, or calc" is listed, this means that both values
    1.27 -   must fit into that composite type.)
    1.28 +  <p> The following definitions define the animation behavior for properties
    1.29 +   in CSS Level 2 (<a href="#CSS2" rel=biblioentry>[CSS2]<!--{{CSS2}}--></a>,
    1.30 +   <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{CSS21}}--></a>) and in Level
    1.31 +   3 of the CSS Color Module (<a href="#CSS3COLOR"
    1.32 +   rel=biblioentry>[CSS3COLOR]<!--{{CSS3COLOR}}--></a>).
    1.33  
    1.34    <table class=animatable-properties>
    1.35     <tbody>
    1.36 @@ -1308,240 +1317,236 @@
    1.37      <tr>
    1.38       <td>background-color
    1.39  
    1.40 -     <td><a href="#animtype-color">color</a>
    1.41 +     <td>as <a href="#animtype-color">color</a>
    1.42  
    1.43      <tr>
    1.44       <td>background-position
    1.45  
    1.46 -     <td><a href="#animtype-repeatable-list">repeatable list</a> of <a
    1.47 +     <td>as <a href="#animtype-repeatable-list">repeatable list</a> of <a
    1.48        href="#animtype-simple-list">simple list</a> of <a
    1.49        href="#animtype-lpcalc">length, percentage, or calc</a>
    1.50  
    1.51      <tr>
    1.52       <td>border-bottom-color
    1.53  
    1.54 -     <td><a href="#animtype-color">color</a>
    1.55 +     <td>as <a href="#animtype-color">color</a>
    1.56  
    1.57      <tr>
    1.58       <td>border-bottom-width
    1.59  
    1.60 -     <td><a href="#animtype-length">length</a>
    1.61 +     <td>as <a href="#animtype-length">length</a>
    1.62  
    1.63      <tr>
    1.64       <td>border-left-color
    1.65  
    1.66 -     <td><a href="#animtype-color">color</a>
    1.67 +     <td>as <a href="#animtype-color">color</a>
    1.68  
    1.69      <tr>
    1.70       <td>border-left-width
    1.71  
    1.72 -     <td><a href="#animtype-length">length</a>
    1.73 +     <td>as <a href="#animtype-length">length</a>
    1.74  
    1.75      <tr>
    1.76       <td>border-right-color
    1.77  
    1.78 -     <td><a href="#animtype-color">color</a>
    1.79 +     <td>as <a href="#animtype-color">color</a>
    1.80  
    1.81      <tr>
    1.82       <td>border-right-width
    1.83  
    1.84 -     <td><a href="#animtype-length">length</a>
    1.85 +     <td>as <a href="#animtype-length">length</a>
    1.86  
    1.87      <tr>
    1.88       <td>border-spacing
    1.89  
    1.90 -     <td><a href="#animtype-simple-list">simple list</a> of <a
    1.91 +     <td>as <a href="#animtype-simple-list">simple list</a> of <a
    1.92        href="#animtype-length">length</a>
    1.93  
    1.94      <tr>
    1.95       <td>border-top-color
    1.96  
    1.97 -     <td><a href="#animtype-color">color</a>
    1.98 +     <td>as <a href="#animtype-color">color</a>
    1.99  
   1.100      <tr>
   1.101       <td>border-top-width
   1.102  
   1.103 -     <td><a href="#animtype-length">length</a>
   1.104 +     <td>as <a href="#animtype-length">length</a>
   1.105  
   1.106      <tr>
   1.107       <td>bottom
   1.108  
   1.109 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.110 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.111  
   1.112      <tr>
   1.113       <td>clip
   1.114  
   1.115 -     <td><a href="#animtype-rect">rectangle</a>
   1.116 +     <td>as <a href="#animtype-rect">rectangle</a>
   1.117  
   1.118      <tr>
   1.119       <td>color
   1.120  
   1.121 -     <td><a href="#animtype-color">color</a>
   1.122 +     <td>as <a href="#animtype-color">color</a>
   1.123  
   1.124      <tr>
   1.125       <td>crop <span class=issue>move to css3-content</span>
   1.126  
   1.127 -     <td>rectangle
   1.128 +     <td>as rectangle
   1.129  
   1.130      <tr>
   1.131       <td>font-size
   1.132  
   1.133 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.134 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.135  
   1.136      <tr>
   1.137       <td>font-weight
   1.138  
   1.139 -     <td><a href="#animtype-font-weight">font weight</a>
   1.140 +     <td>as <a href="#animtype-font-weight">font weight</a>
   1.141  
   1.142      <tr>
   1.143       <td>height
   1.144  
   1.145 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.146 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.147  
   1.148      <tr>
   1.149       <td>left
   1.150  
   1.151 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.152 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.153  
   1.154      <tr>
   1.155       <td>letter-spacing
   1.156  
   1.157 -     <td><a href="#animtype-length">length</a>
   1.158 +     <td>as <a href="#animtype-length">length</a>
   1.159  
   1.160      <tr>
   1.161       <td>line-height
   1.162  
   1.163 -     <td>
   1.164 -      <ul>
   1.165 -       <li><a href="#animtype-number">number</a>
   1.166 -
   1.167 -       <li><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.168 -      </ul>
   1.169 +     <td>as either <a href="#animtype-number">number</a> or <a
   1.170 +      href="#animtype-lpcalc">length, percentage, or calc</a>
   1.171  
   1.172      <tr>
   1.173       <td>margin-bottom
   1.174  
   1.175 -     <td><a href="#animtype-length">length</a>
   1.176 +     <td>as <a href="#animtype-length">length</a>
   1.177  
   1.178      <tr>
   1.179       <td>margin-left
   1.180  
   1.181 -     <td><a href="#animtype-length">length</a>
   1.182 +     <td>as <a href="#animtype-length">length</a>
   1.183  
   1.184      <tr>
   1.185       <td>margin-right
   1.186  
   1.187 -     <td><a href="#animtype-length">length</a>
   1.188 +     <td>as <a href="#animtype-length">length</a>
   1.189  
   1.190      <tr>
   1.191       <td>margin-top
   1.192  
   1.193 -     <td><a href="#animtype-length">length</a>
   1.194 +     <td>as <a href="#animtype-length">length</a>
   1.195  
   1.196      <tr>
   1.197       <td>max-height
   1.198  
   1.199 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.200 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.201  
   1.202      <tr>
   1.203       <td>max-width
   1.204  
   1.205 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.206 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.207  
   1.208      <tr>
   1.209       <td>min-height
   1.210  
   1.211 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.212 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.213  
   1.214      <tr>
   1.215       <td>min-width
   1.216  
   1.217 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.218 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.219  
   1.220      <tr>
   1.221       <td>opacity
   1.222  
   1.223 -     <td><a href="#animtype-number">number</a>
   1.224 +     <td>as <a href="#animtype-number">number</a>
   1.225  
   1.226      <tr>
   1.227       <td>outline-color
   1.228  
   1.229 -     <td><a href="#animtype-color">color</a>
   1.230 +     <td>as <a href="#animtype-color">color</a>
   1.231  
   1.232      <tr>
   1.233       <td>outline-offset <span class=issue>move to css3-ui</span>
   1.234  
   1.235 -     <td><a href="#animtype-length">length</a>
   1.236 +     <td>as <a href="#animtype-length">length</a>
   1.237  
   1.238      <tr>
   1.239       <td>outline-width
   1.240  
   1.241 -     <td><a href="#animtype-length">length</a>
   1.242 +     <td>as <a href="#animtype-length">length</a>
   1.243  
   1.244      <tr>
   1.245       <td>padding-bottom
   1.246  
   1.247 -     <td><a href="#animtype-length">length</a>
   1.248 +     <td>as <a href="#animtype-length">length</a>
   1.249  
   1.250      <tr>
   1.251       <td>padding-left
   1.252  
   1.253 -     <td><a href="#animtype-length">length</a>
   1.254 +     <td>as <a href="#animtype-length">length</a>
   1.255  
   1.256      <tr>
   1.257       <td>padding-right
   1.258  
   1.259 -     <td><a href="#animtype-length">length</a>
   1.260 +     <td>as <a href="#animtype-length">length</a>
   1.261  
   1.262      <tr>
   1.263       <td>padding-top
   1.264  
   1.265 -     <td><a href="#animtype-length">length</a>
   1.266 +     <td>as <a href="#animtype-length">length</a>
   1.267  
   1.268      <tr>
   1.269       <td>right
   1.270  
   1.271 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.272 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.273  
   1.274      <tr>
   1.275       <td>text-indent
   1.276  
   1.277 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.278 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.279  
   1.280      <tr>
   1.281       <td>text-shadow
   1.282  
   1.283 -     <td><a href="#animtype-shadow-list">shadow list</a>
   1.284 +     <td>as <a href="#animtype-shadow-list">shadow list</a>
   1.285  
   1.286      <tr>
   1.287       <td>top
   1.288  
   1.289 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.290 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.291  
   1.292      <tr>
   1.293       <td>vertical-align
   1.294  
   1.295 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.296 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.297  
   1.298      <tr>
   1.299       <td>visibility
   1.300  
   1.301 -     <td><a href="#animtype-visibility">visibility</a>
   1.302 +     <td>as <a href="#animtype-visibility">visibility</a>
   1.303  
   1.304      <tr>
   1.305       <td>width
   1.306  
   1.307 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.308 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.309  
   1.310      <tr>
   1.311       <td>word-spacing
   1.312  
   1.313 -     <td><a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.314 +     <td>as <a href="#animtype-lpcalc">length, percentage, or calc</a>
   1.315  
   1.316      <tr>
   1.317       <td>z-index
   1.318  
   1.319 -     <td><a href="#animtype-integer">integer</a>
   1.320 +     <td>as <a href="#animtype-integer">integer</a>
   1.321    </table>
   1.322  
   1.323    <p class=issue> This list omits the following properties that Gecko can
   1.324 @@ -1560,40 +1565,40 @@
   1.325           <th>Property Name</th><th>Type</th>
   1.326         </tr>
   1.327         <tr>
   1.328 -         <td>stop-color</td><td><a href="#animtype-color">color</a></td>
   1.329 +         <td>stop-color</td><td>as <a href="#animtype-color">color</a></td>
   1.330         </tr>
   1.331         <tr>
   1.332 -         <td>stop-opacity</td><td><a href="#animtype-number">number</a></td>
   1.333 +         <td>stop-opacity</td><td>as <a href="#animtype-number">number</a></td>
   1.334         </tr>
   1.335         <tr>
   1.336 -         <td>fill</td><td><a href="#animtype-paintserver">paint server</a></td>
   1.337 +         <td>fill</td><td>as <a href="#animtype-paintserver">paint server</a></td>
   1.338         </tr>
   1.339         <tr>
   1.340 -         <td>fill-opacity</td><td><a href="#animtype-number">number</a></td>
   1.341 +         <td>fill-opacity</td><td>as <a href="#animtype-number">number</a></td>
   1.342         </tr>
   1.343         <tr>
   1.344 -         <td>stroke</td><td><a href="#animtype-paintserver">paint server</a></td>
   1.345 +         <td>stroke</td><td>as <a href="#animtype-paintserver">paint server</a></td>
   1.346         </tr>
   1.347         <tr>
   1.348 -         <td>stroke-dasharray</td><td><a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-number">number</a></td>
   1.349 +         <td>stroke-dasharray</td><td>as <a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-number">number</a></td>
   1.350         </tr>
   1.351         <tr>
   1.352 -         <td>stroke-dashoffset</td><td><a href="#animtype-number">number</a></td>
   1.353 +         <td>stroke-dashoffset</td><td>as <a href="#animtype-number">number</a></td>
   1.354         </tr>
   1.355         <tr>
   1.356 -         <td>stroke-miterlimit</td><td><a href="#animtype-number">number</a></td>
   1.357 +         <td>stroke-miterlimit</td><td>as <a href="#animtype-number">number</a></td>
   1.358         </tr>
   1.359         <tr>
   1.360 -         <td>stroke-opacity</td><td><a href="#animtype-number">number</a></td>
   1.361 +         <td>stroke-opacity</td><td>as <a href="#animtype-number">number</a></td>
   1.362         </tr>
   1.363         <tr>
   1.364 -         <td>stroke-width</td><td><a href="#animtype-number">number</a></td>
   1.365 +         <td>stroke-width</td><td>as <a href="#animtype-number">number</a></td>
   1.366         </tr>
   1.367         <tr>
   1.368 -         <td>viewport-fill</td><td><a href="#animtype-color">color</a></td>
   1.369 +         <td>viewport-fill</td><td>as <a href="#animtype-color">color</a></td>
   1.370         </tr>
   1.371         <tr>
   1.372 -         <td>viewport-fill-opacity</td><td><a href="#animtype-color">color</a></td>
   1.373 +         <td>viewport-fill-opacity</td><td>as <a href="#animtype-color">color</a></td>
   1.374         </tr>
   1.375        </table> -->
   1.376  
   1.377 @@ -1625,6 +1630,16 @@
   1.378     <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
   1.379      <!---->
   1.380  
   1.381 +   <dt id=CSS2>[CSS2]
   1.382 +
   1.383 +   <dd>Ian Jacobs; et al. <a
   1.384 +    href="http://www.w3.org/TR/2008/REC-CSS2-20080411"><cite>Cascading Style
   1.385 +    Sheets, level 2 (CSS2) Specification.</cite></a> 11 April 2008. W3C
   1.386 +    Recommendation. URL: <a
   1.387 +    href="http://www.w3.org/TR/2008/REC-CSS2-20080411">http://www.w3.org/TR/2008/REC-CSS2-20080411</a>
   1.388 +   </dd>
   1.389 +   <!---->
   1.390 +
   1.391     <dt id=CSS21>[CSS21]
   1.392  
   1.393     <dd>Bert Bos; et al. <a
   1.394 @@ -1645,6 +1660,15 @@
   1.395     </dd>
   1.396     <!---->
   1.397  
   1.398 +   <dt id=CSS3COLOR>[CSS3COLOR]
   1.399 +
   1.400 +   <dd>Tantek Çelik; Chris Lilley; L. David Baron. <a
   1.401 +    href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color
   1.402 +    Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a
   1.403 +    href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a>
   1.404 +   </dd>
   1.405 +   <!---->
   1.406 +
   1.407     <dt id=WCAG20>[WCAG20]
   1.408  
   1.409     <dd>Ben Caldwell; et al. <a

     2.1 --- a/css3-transitions/Overview.src.html	Tue Feb 05 09:57:09 2013 -0800
     2.2 +++ b/css3-transitions/Overview.src.html	Tue Feb 05 11:00:46 2013 -0700
     2.3 @@ -1293,6 +1293,18 @@
     2.4        As resolved in
     2.5        http://lists.w3.org/Archives/Public/www-style/2011Sep/0497.html
     2.6        -->
     2.7 +
     2.8 +      <p>The definition of each CSS property defines
     2.9 +      when the values of that property can be interpolated
    2.10 +      by referring to the definitions of property types
    2.11 +      in the <a href="#animatable-types">previous section</a>.
    2.12 +      Values are animatable when
    2.13 +      both the from and the to values of the property have the type described.
    2.14 +      (When a composite type such as "length, percentage, or calc" is listed,
    2.15 +      this means that both values must fit into that composite type.)
    2.16 +      When multiple types are listed in the form "either A or B",
    2.17 +      both values must be of the same type to be interpolable.</p>
    2.18 +
    2.19        <p>For properties that exist at the time this specification was
    2.20        developed, this specification defines whether and how they are
    2.21        animated.  However, future CSS specifications may define
    2.22 @@ -1316,12 +1328,11 @@
    2.23          Properties from CSS
    2.24        </a></h3>
    2.25  
    2.26 -      <p>The following properties are animatable when both the from and
    2.27 -      the to values of the property have the type described.
    2.28 -      When multiple types are listed, both values must be of the same type.
    2.29 -      (When a composite type such as "length, percentage, or calc" is listed,
    2.30 -      this means that both values must fit into that composite
    2.31 -      type.)</p>
    2.32 +      <p>
    2.33 +      The following definitions define the animation behavior for
    2.34 +      properties in CSS Level 2 ([[CSS2]], [[CSS21]]) and in Level 3 of
    2.35 +      the CSS Color Module ([[CSS3COLOR]]).
    2.36 +      </p>
    2.37  
    2.38       <table class="animatable-properties">
    2.39         <tr>
    2.40 @@ -1329,141 +1340,141 @@
    2.41           <th>Type</th>
    2.42         </tr>
    2.43         <tr>
    2.44 -         <td>background-color</td><td><a href="#animtype-color">color</a></tr>
    2.45 +         <td>background-color</td><td>as <a href="#animtype-color">color</a></tr>
    2.46         <tr>
    2.47 -         <td>background-position</td><td><a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-simple-list">simple list</a> of <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
    2.48 +         <td>background-position</td><td>as <a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-simple-list">simple list</a> of <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
    2.49         </tr>
    2.50         <tr>
    2.51 -         <td>border-bottom-color</td><td><a href="#animtype-color">color</a></td>
    2.52 +         <td>border-bottom-color</td><td>as <a href="#animtype-color">color</a></td>
    2.53         </tr>
    2.54         <tr>
    2.55 -         <td>border-bottom-width</td><td><a href="#animtype-length">length</a></td>
    2.56 +         <td>border-bottom-width</td><td>as <a href="#animtype-length">length</a></td>
    2.57         </tr>
    2.58         <tr>
    2.59 -         <td>border-left-color</td><td><a href="#animtype-color">color</a></td>
    2.60 +         <td>border-left-color</td><td>as <a href="#animtype-color">color</a></td>
    2.61         </tr>
    2.62         <tr>
    2.63 -         <td>border-left-width</td><td><a href="#animtype-length">length</a></td>
    2.64 +         <td>border-left-width</td><td>as <a href="#animtype-length">length</a></td>
    2.65         </tr>
    2.66         <tr>
    2.67 -         <td>border-right-color</td><td><a href="#animtype-color">color</a></td>
    2.68 +         <td>border-right-color</td><td>as <a href="#animtype-color">color</a></td>
    2.69         </tr>
    2.70         <tr>
    2.71 -         <td>border-right-width</td><td><a href="#animtype-length">length</a></td>
    2.72 +         <td>border-right-width</td><td>as <a href="#animtype-length">length</a></td>
    2.73         </tr>
    2.74         <tr>
    2.75 -         <td>border-spacing</td><td><a href="#animtype-simple-list">simple list</a> of <a href="#animtype-length">length</a></td>
    2.76 +         <td>border-spacing</td><td>as <a href="#animtype-simple-list">simple list</a> of <a href="#animtype-length">length</a></td>
    2.77         </tr>
    2.78         <tr>
    2.79 -         <td>border-top-color</td><td><a href="#animtype-color">color</a></td>
    2.80 +         <td>border-top-color</td><td>as <a href="#animtype-color">color</a></td>
    2.81         </tr>
    2.82         <tr>
    2.83 -         <td>border-top-width</td><td><a href="#animtype-length">length</a></td>
    2.84 +         <td>border-top-width</td><td>as <a href="#animtype-length">length</a></td>
    2.85         </tr>
    2.86         <tr>
    2.87 -         <td>bottom</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
    2.88 +         <td>bottom</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
    2.89         </tr>
    2.90         <tr>
    2.91 -         <td>clip</td><td><a href="#animtype-rect">rectangle</a></td>
    2.92 +         <td>clip</td><td>as <a href="#animtype-rect">rectangle</a></td>
    2.93         </tr>
    2.94         <tr>
    2.95 -         <td>color</td><td><a href="#animtype-color">color</a></td>
    2.96 +         <td>color</td><td>as <a href="#animtype-color">color</a></td>
    2.97         </tr>
    2.98         <tr>
    2.99 -         <td>crop <span class="issue">move to css3-content</span></td><td>rectangle</td>
   2.100 +         <td>crop <span class="issue">move to css3-content</span></td><td>as rectangle</td>
   2.101         </tr>
   2.102         <tr>
   2.103 -         <td>font-size</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.104 +         <td>font-size</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.105         </tr>
   2.106         <tr>
   2.107 -         <td>font-weight</td><td><a href="#animtype-font-weight">font weight</a></td>
   2.108 +         <td>font-weight</td><td>as <a href="#animtype-font-weight">font weight</a></td>
   2.109         </tr>
   2.110         <tr>
   2.111 -         <td>height</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.112 +         <td>height</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.113         </tr>
   2.114         <tr>
   2.115 -         <td>left</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.116 +         <td>left</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.117         </tr>
   2.118         <tr>
   2.119 -         <td>letter-spacing</td><td><a href="#animtype-length">length</a></td>
   2.120 +         <td>letter-spacing</td><td>as <a href="#animtype-length">length</a></td>
   2.121         </tr>
   2.122         <tr>
   2.123 -         <td>line-height</td><td><ul><li><a href="#animtype-number">number</a></li><li><a href="#animtype-lpcalc">length, percentage, or calc</a></li></ul></td>
   2.124 +         <td>line-height</td><td>as either <a href="#animtype-number">number</a> or <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.125         </tr>
   2.126         <tr>
   2.127 -         <td>margin-bottom</td><td><a href="#animtype-length">length</a></td>
   2.128 +         <td>margin-bottom</td><td>as <a href="#animtype-length">length</a></td>
   2.129         </tr>
   2.130         <tr>
   2.131 -         <td>margin-left</td><td><a href="#animtype-length">length</a></td>
   2.132 +         <td>margin-left</td><td>as <a href="#animtype-length">length</a></td>
   2.133         </tr>
   2.134         <tr>
   2.135 -         <td>margin-right</td><td><a href="#animtype-length">length</a></td>
   2.136 +         <td>margin-right</td><td>as <a href="#animtype-length">length</a></td>
   2.137         </tr>
   2.138         <tr>
   2.139 -         <td>margin-top</td><td><a href="#animtype-length">length</a></td>
   2.140 +         <td>margin-top</td><td>as <a href="#animtype-length">length</a></td>
   2.141         </tr>
   2.142         <tr>
   2.143 -         <td>max-height</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.144 +         <td>max-height</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.145         </tr>
   2.146         <tr>
   2.147 -         <td>max-width</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.148 +         <td>max-width</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.149         </tr>
   2.150         <tr>
   2.151 -         <td>min-height</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.152 +         <td>min-height</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.153         </tr>
   2.154         <tr>
   2.155 -         <td>min-width</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.156 +         <td>min-width</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.157         </tr>
   2.158         <tr>
   2.159 -         <td>opacity</td><td><a href="#animtype-number">number</a></td>
   2.160 +         <td>opacity</td><td>as <a href="#animtype-number">number</a></td>
   2.161         </tr>
   2.162         <tr>
   2.163 -         <td>outline-color</td><td><a href="#animtype-color">color</a></td>
   2.164 +         <td>outline-color</td><td>as <a href="#animtype-color">color</a></td>
   2.165         </tr>
   2.166         <tr>
   2.167 -         <td>outline-offset <span class="issue">move to css3-ui</span></td><td><a href="#animtype-length">length</a></td>
   2.168 +         <td>outline-offset <span class="issue">move to css3-ui</span></td><td>as <a href="#animtype-length">length</a></td>
   2.169         </tr>
   2.170         <tr>
   2.171 -         <td>outline-width</td><td><a href="#animtype-length">length</a></td>
   2.172 +         <td>outline-width</td><td>as <a href="#animtype-length">length</a></td>
   2.173         </tr>
   2.174         <tr>
   2.175 -         <td>padding-bottom</td><td><a href="#animtype-length">length</a></td>
   2.176 +         <td>padding-bottom</td><td>as <a href="#animtype-length">length</a></td>
   2.177         </tr>
   2.178         <tr>
   2.179 -         <td>padding-left</td><td><a href="#animtype-length">length</a></td>
   2.180 +         <td>padding-left</td><td>as <a href="#animtype-length">length</a></td>
   2.181         </tr>
   2.182         <tr>
   2.183 -         <td>padding-right</td><td><a href="#animtype-length">length</a></td>
   2.184 +         <td>padding-right</td><td>as <a href="#animtype-length">length</a></td>
   2.185         </tr>
   2.186         <tr>
   2.187 -         <td>padding-top</td><td><a href="#animtype-length">length</a></td>
   2.188 +         <td>padding-top</td><td>as <a href="#animtype-length">length</a></td>
   2.189         </tr>
   2.190         <tr>
   2.191 -         <td>right</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.192 +         <td>right</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.193         </tr>
   2.194         <tr>
   2.195 -         <td>text-indent</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.196 +         <td>text-indent</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.197         </tr>
   2.198         <tr>
   2.199 -         <td>text-shadow</td><td><a href="#animtype-shadow-list">shadow list</a></td>
   2.200 +         <td>text-shadow</td><td>as <a href="#animtype-shadow-list">shadow list</a></td>
   2.201         </tr>
   2.202         <tr>
   2.203 -         <td>top</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.204 +         <td>top</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.205         </tr>
   2.206         <tr>
   2.207 -         <td>vertical-align</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.208 +         <td>vertical-align</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.209         </tr>
   2.210         <tr>
   2.211 -         <td>visibility</td><td><a href="#animtype-visibility">visibility</a></td>
   2.212 +         <td>visibility</td><td>as <a href="#animtype-visibility">visibility</a></td>
   2.213         </tr>
   2.214         <tr>
   2.215 -         <td>width</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.216 +         <td>width</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.217         </tr>
   2.218         <tr>
   2.219 -         <td>word-spacing</td><td><a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.220 +         <td>word-spacing</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
   2.221         </tr>
   2.222         <tr>
   2.223 -         <td>z-index</td><td><a href="#animtype-integer">integer</a></td>
   2.224 +         <td>z-index</td><td>as <a href="#animtype-integer">integer</a></td>
   2.225         </tr>
   2.226       </table>
   2.227  
   2.228 @@ -1500,40 +1511,40 @@
   2.229           <th>Property Name</th><th>Type</th>
   2.230         </tr>
   2.231         <tr>
   2.232 -         <td>stop-color</td><td><a href="#animtype-color">color</a></td>
   2.233 +         <td>stop-color</td><td>as <a href="#animtype-color">color</a></td>
   2.234         </tr>
   2.235         <tr>
   2.236 -         <td>stop-opacity</td><td><a href="#animtype-number">number</a></td>
   2.237 +         <td>stop-opacity</td><td>as <a href="#animtype-number">number</a></td>
   2.238         </tr>
   2.239         <tr>
   2.240 -         <td>fill</td><td><a href="#animtype-paintserver">paint server</a></td>
   2.241 +         <td>fill</td><td>as <a href="#animtype-paintserver">paint server</a></td>
   2.242         </tr>
   2.243         <tr>
   2.244 -         <td>fill-opacity</td><td><a href="#animtype-number">number</a></td>
   2.245 +         <td>fill-opacity</td><td>as <a href="#animtype-number">number</a></td>
   2.246         </tr>
   2.247         <tr>
   2.248 -         <td>stroke</td><td><a href="#animtype-paintserver">paint server</a></td>
   2.249 +         <td>stroke</td><td>as <a href="#animtype-paintserver">paint server</a></td>
   2.250         </tr>
   2.251         <tr>
   2.252 -         <td>stroke-dasharray</td><td><a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-number">number</a></td>
   2.253 +         <td>stroke-dasharray</td><td>as <a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-number">number</a></td>
   2.254         </tr>
   2.255         <tr>
   2.256 -         <td>stroke-dashoffset</td><td><a href="#animtype-number">number</a></td>
   2.257 +         <td>stroke-dashoffset</td><td>as <a href="#animtype-number">number</a></td>
   2.258         </tr>
   2.259         <tr>
   2.260 -         <td>stroke-miterlimit</td><td><a href="#animtype-number">number</a></td>
   2.261 +         <td>stroke-miterlimit</td><td>as <a href="#animtype-number">number</a></td>
   2.262         </tr>
   2.263         <tr>
   2.264 -         <td>stroke-opacity</td><td><a href="#animtype-number">number</a></td>
   2.265 +         <td>stroke-opacity</td><td>as <a href="#animtype-number">number</a></td>
   2.266         </tr>
   2.267         <tr>
   2.268 -         <td>stroke-width</td><td><a href="#animtype-number">number</a></td>
   2.269 +         <td>stroke-width</td><td>as <a href="#animtype-number">number</a></td>
   2.270         </tr>
   2.271         <tr>
   2.272 -         <td>viewport-fill</td><td><a href="#animtype-color">color</a></td>
   2.273 +         <td>viewport-fill</td><td>as <a href="#animtype-color">color</a></td>
   2.274         </tr>
   2.275         <tr>
   2.276 -         <td>viewport-fill-opacity</td><td><a href="#animtype-color">color</a></td>
   2.277 +         <td>viewport-fill-opacity</td><td>as <a href="#animtype-color">color</a></td>
   2.278         </tr>
   2.279        </table> -->
   2.280