changeset
[css3-transitions][css3-animations] Make single-* productions introduced earlier today have hyperlinks and better ids.
Thu, 20 Sep 2012 12:31:33 -0700
- author
- L. David Baron <dbaron@dbaron.org>
- date
- Thu, 20 Sep 2012 12:31:33 -0700
- changeset 6739
- f4ccc8c2ecf0
- parent 6738
- fa87e4887de0
- child 6740
- 37b94dbfec45
[css3-transitions][css3-animations] Make single-* productions introduced earlier today have hyperlinks and better ids.
1.1 --- a/css3-animations/Overview.html Thu Sep 20 12:24:06 2012 -0700 1.2 +++ b/css3-animations/Overview.html Thu Sep 20 12:31:33 2012 -0700 1.3 @@ -607,8 +607,9 @@ 1.4 <tr> 1.5 <th><a href="#values">Value</a>: 1.6 1.7 - <td><single-animation-name> [ ‘<code class=css>,</code>’ 1.8 - <single-animation-name> ]* 1.9 + <td><a href="#single-animation-name"><single-animation-name></a> [ 1.10 + ‘<code class=css>,</code>’ <a 1.11 + href="#single-animation-name"><single-animation-name></a> ]* 1.12 1.13 <tr> 1.14 <th>Initial: 1.15 @@ -653,7 +654,7 @@ 1.16 </table> 1.17 1.18 <div class=prod> <dfn 1.19 - id=ltsingle-animation-namegt><single-animation-name></dfn> = none | 1.20 + id=single-animation-name><single-animation-name></dfn> = none | 1.21 <IDENT></div> 1.22 <!-- 1.23 <p> 1.24 @@ -719,7 +720,7 @@ 1.25 <tr> 1.26 <th><a href="#values">Value</a>: 1.27 1.28 - <td> <time> [, <time>]* 1.29 + <td> <span><time></span> [, <span><time></span>]* 1.30 1.31 <tr> 1.32 <th>Initial: 1.33 @@ -797,8 +798,11 @@ 1.34 <tr> 1.35 <th><a href="#values">Value</a>: 1.36 1.37 - <td><single-animation-timing-function> [ ‘<code 1.38 - class=css>,</code>’ <single-animation-timing-function> ]* 1.39 + <td><a 1.40 + href="#single-animation-timing-function"><single-animation-timing-function></a> 1.41 + [ ‘<code class=css>,</code>’ <a 1.42 + href="#single-animation-timing-function"><single-animation-timing-function></a> 1.43 + ]* 1.44 1.45 <tr> 1.46 <th>Initial: 1.47 @@ -843,7 +847,7 @@ 1.48 </table> 1.49 1.50 <div class=prod> <dfn 1.51 - id=ltsingle-animation-timing-functiongt><single-animation-timing-function></dfn> 1.52 + id=single-animation-timing-function><single-animation-timing-function></dfn> 1.53 = ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end 1.54 | steps(<number> [, [ start | end ] ]?) | 1.55 cubic-bezier(<number>, <number>, <number>, 1.56 @@ -889,8 +893,11 @@ 1.57 <tr> 1.58 <th><a href="#values">Value</a>: 1.59 1.60 - <td><single-animation-iteration-count> [ ‘<code 1.61 - class=css>,</code>’ <single-animation-iteration-count> ]* 1.62 + <td><a 1.63 + href="#single-animation-iteration-count"><single-animation-iteration-count></a> 1.64 + [ ‘<code class=css>,</code>’ <a 1.65 + href="#single-animation-iteration-count"><single-animation-iteration-count></a> 1.66 + ]* 1.67 1.68 <tr> 1.69 <th>Initial: 1.70 @@ -935,7 +942,7 @@ 1.71 </table> 1.72 1.73 <div class=prod> <dfn 1.74 - id=ltsingle-animation-iteration-countgt><single-animation-iteration-count></dfn> 1.75 + id=single-animation-iteration-count><single-animation-iteration-count></dfn> 1.76 = infinite | <number></div> 1.77 1.78 <h3 id=animation-direction-property><span class=secno>3.6. </span> The 1.79 @@ -959,8 +966,11 @@ 1.80 <tr> 1.81 <th><a href="#values">Value</a>: 1.82 1.83 - <td><single-animation-direction> [ ‘<code class=css>,</code>’ 1.84 - <single-animation-direction> ]* 1.85 + <td><a 1.86 + href="#single-animation-direction"><single-animation-direction></a> 1.87 + [ ‘<code class=css>,</code>’ <a 1.88 + href="#single-animation-direction"><single-animation-direction></a> 1.89 + ]* 1.90 1.91 <tr> 1.92 <th>Initial: 1.93 @@ -1005,8 +1015,8 @@ 1.94 </table> 1.95 1.96 <div class=prod> <dfn 1.97 - id=ltsingle-animation-directiongt><single-animation-direction></dfn> 1.98 - = normal | reverse | alternate | alternate-reverse</div> 1.99 + id=single-animation-direction><single-animation-direction></dfn> = 1.100 + normal | reverse | alternate | alternate-reverse</div> 1.101 1.102 <dl> 1.103 <dt><dfn id=normal>normal</dfn> 1.104 @@ -1059,8 +1069,11 @@ 1.105 <tr> 1.106 <th><a href="#values">Value</a>: 1.107 1.108 - <td><single-animation-play-state> [ ‘<code class=css>,</code>’ 1.109 - <single-animation-play-state> ]* 1.110 + <td><a 1.111 + href="#single-animation-play-state"><single-animation-play-state></a> 1.112 + [ ‘<code class=css>,</code>’ <a 1.113 + href="#single-animation-play-state"><single-animation-play-state></a> 1.114 + ]* 1.115 1.116 <tr> 1.117 <th>Initial: 1.118 @@ -1105,8 +1118,8 @@ 1.119 </table> 1.120 1.121 <div class=prod> <dfn 1.122 - id=ltsingle-animation-play-stategt><single-animation-play-state></dfn> 1.123 - = running | paused</div> 1.124 + id=single-animation-play-state><single-animation-play-state></dfn> = 1.125 + running | paused</div> 1.126 1.127 <h3 id=animation-delay-property><span class=secno>3.8. </span> The ‘<a 1.128 href="#animation-delay"><code class=property>animation-delay</code></a>’ 1.129 @@ -1142,7 +1155,7 @@ 1.130 <tr> 1.131 <th><a href="#values">Value</a>: 1.132 1.133 - <td> <time> [, <time>]* 1.134 + <td> <span><time></span> [, <span><time></span>]* 1.135 1.136 <tr> 1.137 <th>Initial: 1.138 @@ -1260,8 +1273,11 @@ 1.139 <tr> 1.140 <th><a href="#values">Value</a>: 1.141 1.142 - <td><single-animation-fill-mode> [ ‘<code class=css>,</code>’ 1.143 - <single-animation-fill-mode> ]* 1.144 + <td><a 1.145 + href="#single-animation-fill-mode"><single-animation-fill-mode></a> 1.146 + [ ‘<code class=css>,</code>’ <a 1.147 + href="#single-animation-fill-mode"><single-animation-fill-mode></a> 1.148 + ]* 1.149 1.150 <tr> 1.151 <th>Initial: 1.152 @@ -1306,8 +1322,8 @@ 1.153 </table> 1.154 1.155 <div class=prod> <dfn 1.156 - id=ltsingle-animation-fill-modegt><single-animation-fill-mode></dfn> 1.157 - = none | forwards | backwards | both</div> 1.158 + id=single-animation-fill-mode><single-animation-fill-mode></dfn> = 1.159 + none | forwards | backwards | both</div> 1.160 1.161 <h3 id=animation-shorthand-property><span class=secno>3.10. </span> The 1.162 ‘<a href="#animation"><code class=property>animation</code></a>’ 1.163 @@ -1327,8 +1343,9 @@ 1.164 <tr> 1.165 <th><a href="#values">Value</a>: 1.166 1.167 - <td><single-animation> [ ‘<code class=css>,</code>’ 1.168 - <single-animation> ]* 1.169 + <td><a href="#single-animation"><single-animation></a> [ ‘<code 1.170 + class=css>,</code>’ <a 1.171 + href="#single-animation"><single-animation></a> ]* 1.172 1.173 <tr> 1.174 <th>Initial: 1.175 @@ -1372,10 +1389,9 @@ 1.176 grammar</abbr> 1.177 </table> 1.178 1.179 - <div class=prod> <dfn 1.180 - id=ltsingle-animationgt><single-animation></dfn> = 1.181 - <single-animation-name> || <time> || 1.182 - <single-animation-timing-function> || <time> || 1.183 + <div class=prod> <dfn id=single-animation><single-animation></dfn> = 1.184 + <single-animation-name> || <span><time></span> || 1.185 + <single-animation-timing-function> || <span><time></span> || 1.186 <single-animation-iteration-count> || 1.187 <single-animation-direction> || <single-animation-fill-mode></div> 1.188 1.189 @@ -2003,30 +2019,30 @@ 1.190 1.191 <li>reverse, <a href="#reverse" title=reverse><strong>3.6.</strong></a> 1.192 1.193 - <li><single-animation>, <a href="#ltsingle-animationgt" 1.194 + <li><single-animation>, <a href="#single-animation" 1.195 title="<single-animation>"><strong>3.10.</strong></a> 1.196 1.197 <li><single-animation-direction>, <a 1.198 - href="#ltsingle-animation-directiongt" 1.199 + href="#single-animation-direction" 1.200 title="<single-animation-direction>"><strong>3.6.</strong></a> 1.201 1.202 <li><single-animation-fill-mode>, <a 1.203 - href="#ltsingle-animation-fill-modegt" 1.204 + href="#single-animation-fill-mode" 1.205 title="<single-animation-fill-mode>"><strong>3.9.</strong></a> 1.206 1.207 <li><single-animation-iteration-count>, <a 1.208 - href="#ltsingle-animation-iteration-countgt" 1.209 + href="#single-animation-iteration-count" 1.210 title="<single-animation-iteration-count>"><strong>3.5.</strong></a> 1.211 1.212 - <li><single-animation-name>, <a href="#ltsingle-animation-namegt" 1.213 + <li><single-animation-name>, <a href="#single-animation-name" 1.214 title="<single-animation-name>"><strong>3.2.</strong></a> 1.215 1.216 <li><single-animation-play-state>, <a 1.217 - href="#ltsingle-animation-play-stategt" 1.218 + href="#single-animation-play-state" 1.219 title="<single-animation-play-state>"><strong>3.7.</strong></a> 1.220 1.221 <li><single-animation-timing-function>, <a 1.222 - href="#ltsingle-animation-timing-functiongt" 1.223 + href="#single-animation-timing-function" 1.224 title="<single-animation-timing-function>"><strong>3.4.</strong></a> 1.225 1.226 <li>style, <a href="#CSSKeyframeRule-style"
2.1 --- a/css3-animations/Overview.src.html Thu Sep 20 12:24:06 2012 -0700 2.2 +++ b/css3-animations/Overview.src.html Thu Sep 20 12:31:33 2012 -0700 2.3 @@ -444,7 +444,7 @@ 2.4 <td><dfn>animation-name</dfn> 2.5 <tr> 2.6 <th><a href="#values">Value</a>: 2.7 - <td><single-animation-name> [ ',' <single-animation-name> ]* 2.8 + <td><span><single-animation-name></span> [ ',' <span><single-animation-name></span> ]* 2.9 <tr> 2.10 <th>Initial: 2.11 <td>''none'' 2.12 @@ -472,7 +472,7 @@ 2.13 </table> 2.14 2.15 <div class="prod"> 2.16 - <dfn><single-animation-name></dfn> = none | <IDENT> 2.17 + <dfn id="single-animation-name"><single-animation-name></dfn> = none | <IDENT> 2.18 </div> 2.19 2.20 <!-- 2.21 @@ -535,7 +535,7 @@ 2.22 <td><dfn>animation-duration</dfn> 2.23 <tr> 2.24 <th><a href="#values">Value</a>: 2.25 - <td> <time> [, <time>]* 2.26 + <td> <span><time></span> [, <span><time></span>]* 2.27 <tr> 2.28 <th>Initial: 2.29 <td>''0s'' 2.30 @@ -587,7 +587,7 @@ 2.31 <td><dfn>animation-timing-function</dfn> 2.32 <tr> 2.33 <th><a href="#values">Value</a>: 2.34 - <td><single-animation-timing-function> [ ',' <single-animation-timing-function> ]* 2.35 + <td><span><single-animation-timing-function></span> [ ',' <span><single-animation-timing-function></span> ]* 2.36 <tr> 2.37 <th>Initial: 2.38 <td>''ease'' 2.39 @@ -615,7 +615,7 @@ 2.40 </table> 2.41 2.42 <div class="prod"> 2.43 - <dfn><single-animation-timing-function></dfn> = 2.44 + <dfn id="single-animation-timing-function"><single-animation-timing-function></dfn> = 2.45 ease | linear | ease-in | ease-out | ease-in-out | 2.46 step-start | step-end | 2.47 steps(<number> [, [ start | end ] ]?) | 2.48 @@ -654,7 +654,7 @@ 2.49 <td><dfn>animation-iteration-count</dfn> 2.50 <tr> 2.51 <th><a href="#values">Value</a>: 2.52 - <td><single-animation-iteration-count> [ ',' <single-animation-iteration-count> ]* 2.53 + <td><span><single-animation-iteration-count></span> [ ',' <span><single-animation-iteration-count></span> ]* 2.54 <tr> 2.55 <th>Initial: 2.56 <td>''1'' 2.57 @@ -682,7 +682,7 @@ 2.58 </table> 2.59 2.60 <div class="prod"> 2.61 - <dfn><single-animation-iteration-count></dfn> = 2.62 + <dfn id="single-animation-iteration-count"><single-animation-iteration-count></dfn> = 2.63 infinite | <number> 2.64 </div> 2.65 2.66 @@ -700,7 +700,7 @@ 2.67 <td><dfn>animation-direction</dfn> 2.68 <tr> 2.69 <th><a href="#values">Value</a>: 2.70 - <td><single-animation-direction> [ ',' <single-animation-direction> ]* 2.71 + <td><span><single-animation-direction></span> [ ',' <span><single-animation-direction></span> ]* 2.72 <tr> 2.73 <th>Initial: 2.74 <td>''normal'' 2.75 @@ -728,7 +728,7 @@ 2.76 </table> 2.77 2.78 <div class="prod"> 2.79 - <dfn><single-animation-direction></dfn> = 2.80 + <dfn id="single-animation-direction"><single-animation-direction></dfn> = 2.81 normal | reverse | alternate | alternate-reverse 2.82 </div> 2.83 2.84 @@ -776,7 +776,7 @@ 2.85 <td><dfn>animation-play-state</dfn> 2.86 <tr> 2.87 <th><a href="#values">Value</a>: 2.88 - <td><single-animation-play-state> [ ',' <single-animation-play-state> ]* 2.89 + <td><span><single-animation-play-state></span> [ ',' <span><single-animation-play-state></span> ]* 2.90 <tr> 2.91 <th>Initial: 2.92 <td>''running'' 2.93 @@ -804,7 +804,7 @@ 2.94 </table> 2.95 2.96 <div class="prod"> 2.97 - <dfn><single-animation-play-state></dfn> = 2.98 + <dfn id="single-animation-play-state"><single-animation-play-state></dfn> = 2.99 running | paused 2.100 </div> 2.101 2.102 @@ -832,7 +832,7 @@ 2.103 <td><dfn>animation-delay</dfn> 2.104 <tr> 2.105 <th><a href="#values">Value</a>: 2.106 - <td> <time> [, <time>]* 2.107 + <td> <span><time></span> [, <span><time></span>]* 2.108 <tr> 2.109 <th>Initial: 2.110 <td>''0s'' 2.111 @@ -911,7 +911,7 @@ 2.112 <td><dfn>animation-fill-mode</dfn> 2.113 <tr> 2.114 <th><a href="#values">Value</a>: 2.115 - <td><single-animation-fill-mode> [ ',' <single-animation-fill-mode> ]* 2.116 + <td><span><single-animation-fill-mode></span> [ ',' <span><single-animation-fill-mode></span> ]* 2.117 <tr> 2.118 <th>Initial: 2.119 <td>''none'' 2.120 @@ -939,7 +939,7 @@ 2.121 </table> 2.122 2.123 <div class="prod"> 2.124 - <dfn><single-animation-fill-mode></dfn> = 2.125 + <dfn id="single-animation-fill-mode"><single-animation-fill-mode></dfn> = 2.126 none | forwards | backwards | both 2.127 </div> 2.128 2.129 @@ -955,7 +955,7 @@ 2.130 <td><dfn>animation</dfn> 2.131 <tr> 2.132 <th><a href="#values">Value</a>: 2.133 - <td><single-animation> [ ',' <single-animation> ]* 2.134 + <td><span><single-animation></span> [ ',' <span><single-animation></span> ]* 2.135 <tr> 2.136 <th>Initial: 2.137 <td>see individual properties 2.138 @@ -983,11 +983,11 @@ 2.139 </table> 2.140 2.141 <div class="prod"> 2.142 - <dfn><single-animation></dfn> = 2.143 + <dfn id="single-animation"><single-animation></dfn> = 2.144 <single-animation-name> || 2.145 - <time> || 2.146 + <span><time></span> || 2.147 <single-animation-timing-function> || 2.148 - <time> || 2.149 + <span><time></span> || 2.150 <single-animation-iteration-count> || 2.151 <single-animation-direction> || 2.152 <single-animation-fill-mode>
3.1 --- a/css3-transitions/Overview.html Thu Sep 20 12:24:06 2012 -0700 3.2 +++ b/css3-transitions/Overview.html Thu Sep 20 12:31:33 2012 -0700 3.3 @@ -354,8 +354,11 @@ 3.4 <tr> 3.5 <td> <em>Value:</em> 3.6 3.7 - <td> none | <single-transition-property> [ ‘<code 3.8 - class=css>,</code>’ <single-transition-property> ]* 3.9 + <td> none | <a 3.10 + href="#single-transition-property"><single-transition-property></a> 3.11 + [ ‘<code class=css>,</code>’ <a 3.12 + href="#single-transition-property"><single-transition-property></a> 3.13 + ]* 3.14 3.15 <tr> 3.16 <td> <em>Initial:</em> 3.17 @@ -400,8 +403,8 @@ 3.18 </table> 3.19 3.20 <div class=prod> <dfn 3.21 - id=ltsingle-transition-propertygt><single-transition-property></dfn> 3.22 - = all | <IDENT></div> 3.23 + id=single-transition-property><single-transition-property></dfn> = 3.24 + all | <IDENT></div> 3.25 3.26 <p> A value of ‘<code class=property>none</code>’ means that no 3.27 property will transition. Otherwise, a list of properties to be 3.28 @@ -467,7 +470,7 @@ 3.29 <tr> 3.30 <td> <em>Value:</em> 3.31 3.32 - <td> <time> [, <time>]* 3.33 + <td> <span><time></span> [, <span><time></span>]* 3.34 3.35 <tr> 3.36 <td> <em>Initial:</em> 3.37 @@ -581,8 +584,11 @@ 3.38 <tr> 3.39 <td> <em>Value:</em> 3.40 3.41 - <td> <single-transition-timing-function> [ ‘<code 3.42 - class=css>,</code>’ <single-transition-timing-function> ]* 3.43 + <td> <a 3.44 + href="#single-transition-timing-function"><single-transition-timing-function></a> 3.45 + [ ‘<code class=css>,</code>’ <a 3.46 + href="#single-transition-timing-function"><single-transition-timing-function></a> 3.47 + ]* 3.48 3.49 <tr> 3.50 <td> <em>Initial:</em> 3.51 @@ -627,7 +633,7 @@ 3.52 </table> 3.53 3.54 <div class=prod> <dfn 3.55 - id=ltsingle-transition-timing-functiongt><single-transition-timing-function></dfn> 3.56 + id=single-transition-timing-function><single-transition-timing-function></dfn> 3.57 = ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end 3.58 | steps(<integer>[, [ start | end ] ]?) | 3.59 cubic-bezier(<number>, <number>, <number>, 3.60 @@ -725,7 +731,7 @@ 3.61 <tr> 3.62 <td> <em>Value:</em> 3.63 3.64 - <td> <time> [, <time>]* 3.65 + <td> <span><time></span> [, <span><time></span>]* 3.66 3.67 <tr> 3.68 <td> <em>Initial:</em> 3.69 @@ -788,8 +794,9 @@ 3.70 <tr> 3.71 <td> <em>Value:</em> 3.72 3.73 - <td> <single-transition> [ ‘<code class=css>,</code>’ 3.74 - <single-transition> ]* 3.75 + <td> <a href="#single-transition"><single-transition></a> [ 3.76 + ‘<code class=css>,</code>’ <a 3.77 + href="#single-transition"><single-transition></a> ]* 3.78 3.79 <tr> 3.80 <td> <em>Initial:</em> 3.81 @@ -833,10 +840,12 @@ 3.82 grammar</abbr> 3.83 </table> 3.84 3.85 - <div class=prod> <dfn 3.86 - id=ltsingle-transitiongt><single-transition></dfn> = [ none | 3.87 - <single-transition-property> ] || <time> || 3.88 - <single-transition-timing-function> || <time></div> 3.89 + <div class=prod> <dfn id=single-transition><single-transition></dfn> 3.90 + = [ none | <a 3.91 + href="#single-transition-property"><single-transition-property></a> 3.92 + ] || <span><time></span> || <a 3.93 + href="#single-transition-timing-function"><single-transition-timing-function></a> 3.94 + || <span><time></span></div> 3.95 3.96 <p> Note that order is important within the items in this property: the 3.97 first value that can be parsed as a time is assigned to the 3.98 @@ -847,9 +856,11 @@ 3.99 approach of using a "/" character between the values of the same type. 3.100 e.g. 2s/4s would mean a duration of 2 seconds and a delay of 4 seconds. 3.101 3.102 - <p> If there is more than one <single-transition> in the shorthand, 3.103 - and any of the transitions has ‘<code class=css>none</code>’ as the 3.104 - <single-transition-property>, then the declaration is invalid. 3.105 + <p> If there is more than one <a 3.106 + href="#single-transition"><single-transition></a> in the shorthand, 3.107 + and any of the transitions has ‘<code class=css>none</code>’ as the <a 3.108 + href="#single-transition-property"><single-transition-property></a>, 3.109 + then the declaration is invalid. 3.110 3.111 <h2 id=starting><span class=secno>3. </span> Starting of transitions</h2> 3.112 3.113 @@ -1794,15 +1805,15 @@ 3.114 <li>combined duration, <a href="#combined-duration" 3.115 title="combined duration"><strong>3.</strong></a> 3.116 3.117 - <li><single-transition>, <a href="#ltsingle-transitiongt" 3.118 + <li><single-transition>, <a href="#single-transition" 3.119 title="<single-transition>"><strong>2.5.</strong></a> 3.120 3.121 <li><single-transition-property>, <a 3.122 - href="#ltsingle-transition-propertygt" 3.123 + href="#single-transition-property" 3.124 title="<single-transition-property>"><strong>2.1.</strong></a> 3.125 3.126 <li><single-transition-timing-function>, <a 3.127 - href="#ltsingle-transition-timing-functiongt" 3.128 + href="#single-transition-timing-function" 3.129 title="<single-transition-timing-function>"><strong>2.3.</strong></a> 3.130 3.131 <li>transition, <a href="#transition"
4.1 --- a/css3-transitions/Overview.src.html Thu Sep 20 12:24:06 2012 -0700 4.2 +++ b/css3-transitions/Overview.src.html Thu Sep 20 12:31:33 2012 -0700 4.3 @@ -201,7 +201,7 @@ 4.4 <em>Value:</em> 4.5 </td> 4.6 <td> 4.7 - none | <single-transition-property> [ ',' <single-transition-property> ]* 4.8 + none | <span><single-transition-property></span> [ ',' <span><single-transition-property></span> ]* 4.9 </td> 4.10 </tr> 4.11 <tr> 4.12 @@ -272,7 +272,7 @@ 4.13 </table> 4.14 4.15 <div class="prod"> 4.16 - <dfn><single-transition-property></dfn> = all | <IDENT> 4.17 + <dfn id="single-transition-property"><single-transition-property></dfn> = all | <IDENT> 4.18 </div> 4.19 4.20 <p> 4.21 @@ -340,7 +340,7 @@ 4.22 <em>Value:</em> 4.23 </td> 4.24 <td> 4.25 - <time> [, <time>]* 4.26 + <span><time></span> [, <span><time></span>]* 4.27 </td> 4.28 </tr> 4.29 <tr> 4.30 @@ -503,7 +503,7 @@ 4.31 <em>Value:</em> 4.32 </td> 4.33 <td> 4.34 - <single-transition-timing-function> [ ',' <single-transition-timing-function> ]* 4.35 + <span><single-transition-timing-function></span> [ ',' <span><single-transition-timing-function></span> ]* 4.36 </td> 4.37 </tr> 4.38 <tr> 4.39 @@ -573,7 +573,7 @@ 4.40 </tbody> 4.41 </table> 4.42 <div class="prod"> 4.43 - <dfn><single-transition-timing-function></dfn> = ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(<integer>[, [ start | end ] ]?) | cubic-bezier(<number>, <number>, <number>, <number>) 4.44 + <dfn id="single-transition-timing-function"><single-transition-timing-function></dfn> = ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(<integer>[, [ start | end ] ]?) | cubic-bezier(<number>, <number>, <number>, <number>) 4.45 </div> 4.46 <p> 4.47 The timing functions have the following definitions. 4.48 @@ -669,7 +669,7 @@ 4.49 <em>Value:</em> 4.50 </td> 4.51 <td> 4.52 - <time> [, <time>]* 4.53 + <span><time></span> [, <span><time></span>]* 4.54 </td> 4.55 </tr> 4.56 <tr> 4.57 @@ -759,7 +759,7 @@ 4.58 <em>Value:</em> 4.59 </td> 4.60 <td> 4.61 - <single-transition> [ ',' <single-transition> ]* 4.62 + <span><single-transition></span> [ ',' <span><single-transition></span> ]* 4.63 </td> 4.64 </tr> 4.65 <tr> 4.66 @@ -830,7 +830,7 @@ 4.67 </table> 4.68 4.69 <div class="prod"> 4.70 - <dfn><single-transition></dfn> = [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time> 4.71 + <dfn id="single-transition"><single-transition></dfn> = [ none | <span><single-transition-property></span> ] || <span><time></span> || <span><single-transition-timing-function></span> || <span><time></span> 4.72 </div> 4.73 4.74 <p> 4.75 @@ -848,9 +848,9 @@ 4.76 </p> 4.77 4.78 <p> 4.79 - If there is more than one <single-transition> in the shorthand, 4.80 + If there is more than one <span><single-transition></span> in the shorthand, 4.81 and any of the transitions has 4.82 - ''none'' as the <single-transition-property>, 4.83 + ''none'' as the <span><single-transition-property></span>, 4.84 then the declaration is invalid. 4.85 </p> 4.86
