Fri, 31 Aug 2012 11:53:59 -0700
[css3-conditional] Quote all the ids so my broken syntax highlighter doesn't complain. >_<
css3-conditional/Overview.html | file | annotate | diff | comparison | revisions | |
css3-conditional/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css3-conditional/Overview.html Fri Aug 31 11:51:02 2012 -0700 1.2 +++ b/css3-conditional/Overview.html Fri Aug 31 11:53:59 2012 -0700 1.3 @@ -2,13 +2,24 @@ 1.4 "http://www.w3.org/TR/html4/strict.dtd"> 1.5 1.6 <html lang=en> 1.7 - <head profile="http://www.w3.org/2006/03/hcard"><meta 1.8 - content="text/html; charset=utf-8" http-equiv=Content-Type> 1.9 + <head 1.10 + profile="http://dublincore.org/documents/2008/08/04/dc-html/ http://www.w3.org/2006/03/hcard"> 1.11 + <meta content="text/html; charset=utf-8" http-equiv=Content-Type> 1.12 + <title>CSS Conditional Rules Module Level 3</title> 1.13 1.14 - <title>CSS Conditional Rules Module Level 3</title> 1.15 + <link href="http://purl.org/dc/terms/" rel=schema.DC> 1.16 + <meta content="CSS Conditional Rules Module Level 3" name=DC.title> 1.17 + <meta content=text name=DC.type> 1.18 + <meta content=2012-08-31 name=DC.issued> 1.19 + <meta content="http://dev.w3.org/csswg/css3-conditional/" name=DC.creator> 1.20 + <meta content=W3C name=DC.publisher> 1.21 + <meta content="http://www.w3.org/TR/2012/ED-css3-conditional-20120831/" 1.22 + name=DC.identifier> 1.23 + <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" 1.24 + rel=DC.rights> 1.25 <link href="../default.css" rel=stylesheet type="text/css"> 1.26 <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet 1.27 - type="text/css"> 1.28 + type="text/css"> 1.29 1.30 <body> 1.31 <div class=head> <!--begin-logo--> 1.32 @@ -17,25 +28,23 @@ 1.33 1.34 <h1>CSS Conditional Rules Module Level 3</h1> 1.35 1.36 - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 31 July 2012</h2> 1.37 + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 31 August 2012</h2> 1.38 1.39 <dl> 1.40 <dt>This version: 1.41 1.42 - <dd><a href="http://www.w3.org/TR/2012/ED-css3-conditional-20120731/"> 1.43 - http://www.w3.org/TR/2012/ED-css3-conditional-20120731/</a> 1.44 + <dd><a href="http://www.w3.org/TR/2012/ED-css3-conditional-20120831/"> 1.45 + http://www.w3.org/TR/2012/ED-css3-conditional-20120831/</a> 1.46 1.47 <dt>Latest version: 1.48 1.49 <dd><a 1.50 href="http://www.w3.org/TR/css3-conditional/">http://www.w3.org/TR/css3-conditional/</a> 1.51 - 1.52 1.53 <dt>Editor's draft: 1.54 1.55 <dd><a 1.56 href="http://dev.w3.org/csswg/css3-conditional/">http://dev.w3.org/csswg/css3-conditional/</a> 1.57 - 1.58 1.59 <dt>Previous version: 1.60 1.61 @@ -96,8 +105,8 @@ 1.62 <a href="#CSS1" rel=biblioentry>[CSS1]<!--{{CSS1}}--></a>. The main 1.63 extensions compared to level 2 are allowing nesting of certain at-rules 1.64 inside ‘<code class=css>@media</code>’, the addition of the ‘<a 1.65 - href="#dfn-support"><code class=css>@supports</code></a>’ and ‘<code 1.66 - class=css>@document</code>’ rules for conditional processing. 1.67 + href="#"dfn-support""><code class=css>@supports</code></a>’ and 1.68 + ‘<code class=css>@document</code>’ rules for conditional processing. 1.69 1.70 <h2 class="no-num no-toc" id=status>Status of this document</h2> 1.71 <!--begin-status--> 1.72 @@ -149,84 +158,85 @@ 1.73 be removed to advance the other features in this specification to 1.74 Proposed Recommendation. 1.75 1.76 - <li>The ‘<a href="#dfn-support"><code class=css>@supports</code></a>’ 1.77 - rule is at risk; if interoperable implementations are not found, it may 1.78 - be removed to advance the other features in this specification to 1.79 - Proposed Recommendation. 1.80 + <li>The ‘<a href="#"dfn-support""><code 1.81 + class=css>@supports</code></a>’ rule is at risk; if interoperable 1.82 + implementations are not found, it may be removed to advance the other 1.83 + features in this specification to Proposed Recommendation. 1.84 1.85 <li>The ‘<code class=css>@document</code>’ rule is at risk; if 1.86 interoperable implementations are not found, it may be removed to advance 1.87 the other features in this specification to Proposed Recommendation. 1.88 </ul> 1.89 1.90 - <h2 class="no-num no-toc" id=contents>Table of contents</h2> 1.91 + <h2 class="no-num no-toc" id=""contents"">Table of contents</h2> 1.92 <!--begin-toc--> 1.93 1.94 <ul class=toc> 1.95 - <li><a href="#introduction"><span class=secno>1. </span>Introduction</a> 1.96 + <li><a href="#"introduction""><span class=secno>1. 1.97 + </span>Introduction</a> 1.98 <ul class=toc> 1.99 - <li><a href="#context"><span class=secno>1.1. </span>Background</a> 1.100 + <li><a href="#"context""><span class=secno>1.1. 1.101 + </span>Background</a> 1.102 1.103 - <li><a href="#placement"><span class=secno>1.2. </span>Module 1.104 + <li><a href="#"placement""><span class=secno>1.2. </span>Module 1.105 Interactions</a> 1.106 1.107 - <li><a href="#conventions"><span class=secno>1.3. </span>Document 1.108 - Conventions</a> 1.109 + <li><a href="#"conventions""><span class=secno>1.3. 1.110 + </span>Document Conventions</a> 1.111 </ul> 1.112 1.113 - <li><a href="#processing"><span class=secno>2. </span>Processing of 1.114 + <li><a href="#"processing""><span class=secno>2. </span>Processing 1.115 + of conditional group rules</a> 1.116 + 1.117 + <li><a href="#"contents-of""><span class=secno>3. </span>Contents 1.118 + of conditional group rules</a> 1.119 + 1.120 + <li><a href="#"use""><span class=secno>4. </span>Placement of 1.121 conditional group rules</a> 1.122 1.123 - <li><a href="#contents-of"><span class=secno>3. </span>Contents of 1.124 - conditional group rules</a> 1.125 + <li><a href="#"at-media""><span class=secno>5. 1.126 + </span>Media-specific style sheets: the ‘<code 1.127 + class=css>@media</code>’ rule</a> 1.128 1.129 - <li><a href="#use"><span class=secno>4. </span>Placement of conditional 1.130 - group rules</a> 1.131 - 1.132 - <li><a href="#at-media"><span class=secno>5. </span>Media-specific style 1.133 - sheets: the ‘<code class=css>@media</code>’ rule</a> 1.134 - 1.135 - <li><a href="#at-supports"><span class=secno>6. </span>Feature queries: 1.136 - the ‘<code class=css>@supports</code>’ rule</a> 1.137 + <li><a href="#"at-supports""><span class=secno>6. </span>Feature 1.138 + queries: the ‘<code class=css>@supports</code>’ rule</a> 1.139 <ul class=toc> 1.140 - <li><a href="#support-definition"><span class=secno>6.1. 1.141 + <li><a href="#"support-definition""><span class=secno>6.1. 1.142 </span>Definition of support</a> 1.143 1.144 - <li><a href="#partial-implementations"><span class=secno>6.2. 1.145 + <li><a href="#"partial-implementations""><span class=secno>6.2. 1.146 </span>Partial implementations</a> 1.147 </ul> 1.148 1.149 - <li><a href="#at-document"><span class=secno>7. </span>Document queries: 1.150 - the ‘<code class=css>@document</code>’ rule</a> 1.151 + <li><a href="#"at-document""><span class=secno>7. </span>Document 1.152 + queries: the ‘<code class=css>@document</code>’ rule</a> 1.153 1.154 - <li><a href="#apis"><span class=secno>8. </span>APIs</a> 1.155 + <li><a href="#"apis""><span class=secno>8. </span>APIs</a> 1.156 <ul class=toc> 1.157 - <li><a href="#extentions-to-cssrule-interface"><span class=secno>8.1. 1.158 - </span> Extensions to the <code>CSSRule</code> interface</a> 1.159 + <li><a href="#"the-csssupportsrule-interface""><span 1.160 + class=secno>8.1. </span> The <code>CSSSupportsRule</code> interface</a> 1.161 1.162 - <li><a href="#the-csssupportsrule-interface"><span class=secno>8.2. 1.163 - </span> The <code>CSSSupportsRule</code> interface</a> 1.164 - 1.165 - <li><a href="#window-api"><span class=secno>8.3. </span>supportsCSS() 1.166 - function</a> 1.167 + <li><a href="#"window-api""><span class=secno>8.2. 1.168 + </span>supportsCSS() function</a> 1.169 </ul> 1.170 1.171 - <li><a href="#conformance"><span class=secno>9. </span>Conformance</a> 1.172 + <li><a href="#"conformance""><span class=secno>9. 1.173 + </span>Conformance</a> 1.174 <ul class=toc> 1.175 - <li><a href="#base-modules"><span class=secno>9.1. </span>Base 1.176 + <li><a href="#"base-modules""><span class=secno>9.1. </span>Base 1.177 Modules</a> 1.178 1.179 - <li><a href="#conformance-classes"><span class=secno>9.2. 1.180 + <li><a href="#"conformance-classes""><span class=secno>9.2. 1.181 </span>Conformance Classes</a> 1.182 1.183 - <li><a href="#partial"><span class=secno>9.3. </span> Partial 1.184 + <li><a href="#"partial""><span class=secno>9.3. </span> Partial 1.185 Implementations</a> 1.186 1.187 - <li><a href="#experimental"><span class=secno>9.4. </span>Experimental 1.188 - Implementations</a> 1.189 + <li><a href="#"experimental""><span class=secno>9.4. 1.190 + </span>Experimental Implementations</a> 1.191 1.192 - <li><a href="#cr-exit-criteria"><span class=secno>9.5. </span>CR Exit 1.193 - Criteria</a> 1.194 + <li><a href="#"cr-exit-criteria""><span class=secno>9.5. 1.195 + </span>CR Exit Criteria</a> 1.196 </ul> 1.197 1.198 <li class=no-num><a href="#grammar">Grammar</a> 1.199 @@ -235,19 +245,20 @@ 1.200 1.201 <li class=no-num><a href="#references">References</a> 1.202 <ul class=toc> 1.203 - <li class=no-num><a href="#normative-references">Normative 1.204 + <li class=no-num><a href="#"normative-references"">Normative 1.205 references</a> 1.206 1.207 - <li class=no-num><a href="#other-references">Other references</a> 1.208 + <li class=no-num><a href="#"other-references"">Other 1.209 + references</a> 1.210 </ul> 1.211 1.212 - <li class=no-num><a href="#index">Index</a> 1.213 + <li class=no-num><a href="#"index"">Index</a> 1.214 </ul> 1.215 <!--end-toc--> 1.216 1.217 - <h2 id=introduction><span class=secno>1. </span>Introduction</h2> 1.218 + <h2 id=""introduction""><span class=secno>1. </span>Introduction</h2> 1.219 1.220 - <h3 id=context><span class=secno>1.1. </span>Background</h3> 1.221 + <h3 id=""context""><span class=secno>1.1. </span>Background</h3> 1.222 1.223 <p><em>This section is not normative.</em> 1.224 1.225 @@ -269,24 +280,26 @@ 1.226 single style sheet. 1.227 1.228 <p>This specification also defines additional types of conditional group 1.229 - rules, ‘<a href="#dfn-support"><code class=css>@supports</code></a>’ 1.230 - and ‘<code class=css>@document</code>’, to address author and user 1.231 - requirements. 1.232 + rules, ‘<a href="#"dfn-support""><code 1.233 + class=css>@supports</code></a>’ and ‘<code 1.234 + class=css>@document</code>’, to address author and user requirements. 1.235 1.236 - <p>The ‘<a href="#dfn-support"><code class=css>@supports</code></a>’ 1.237 - rule allows CSS to be conditioned on implementation support for CSS 1.238 - properties and values. This rule makes it much easier for authors to use 1.239 - new CSS features and provide good fallback for implementations that do not 1.240 - support those features. This is particularly important for CSS features 1.241 - that provide new layout mechanisms, and for other cases where a set of 1.242 - related styles needs to be conditioned on property support. 1.243 + <p>The ‘<a href="#"dfn-support""><code 1.244 + class=css>@supports</code></a>’ rule allows CSS to be conditioned on 1.245 + implementation support for CSS properties and values. This rule makes it 1.246 + much easier for authors to use new CSS features and provide good fallback 1.247 + for implementations that do not support those features. This is 1.248 + particularly important for CSS features that provide new layout 1.249 + mechanisms, and for other cases where a set of related styles needs to be 1.250 + conditioned on property support. 1.251 1.252 <p>The ‘<code class=css>@document</code>’ rule allows CSS to be 1.253 conditioned on the page to which the style sheet is being applied. This 1.254 allows users to apply styles to a particular page or group of pages, which 1.255 greatly increases the power of user style sheets. 1.256 1.257 - <h3 id=placement><span class=secno>1.2. </span>Module Interactions</h3> 1.258 + <h3 id=""placement""><span class=secno>1.2. </span>Module 1.259 + Interactions</h3> 1.260 1.261 <p>This module replaces and extends the ‘<code class=css>@media</code>’ 1.262 rule feature defined in <a href="#CSS21" 1.263 @@ -303,7 +316,8 @@ 1.264 of this one. If this module advances faster, then the dependency will be 1.265 reversed. 1.266 1.267 - <h3 id=conventions><span class=secno>1.3. </span>Document Conventions</h3> 1.268 + <h3 id=""conventions""><span class=secno>1.3. </span>Document 1.269 + Conventions</h3> 1.270 1.271 <p>Conformance requirements are expressed with a combination of descriptive 1.272 assertions and RFC 2119 terminology. The key words “MUST”, “MUST 1.273 @@ -322,7 +336,7 @@ 1.274 class=html>class="example"</code>, like this: 1.275 1.276 <div class=example> 1.277 - <p>This is an example of an informative example.</p> 1.278 + <p>This is an example of an informative example. 1.279 </div> 1.280 1.281 <p>Informative notes begin with the word “Note” and are set apart from 1.282 @@ -330,8 +344,8 @@ 1.283 1.284 <p class=note>Note, this is an informative note. 1.285 1.286 - <h2 id=processing><span class=secno>2. </span>Processing of conditional 1.287 - group rules</h2> 1.288 + <h2 id=""processing""><span class=secno>2. </span>Processing of 1.289 + conditional group rules</h2> 1.290 1.291 <p>This specification defines some CSS @-rules, called <dfn 1.292 id=conditional-group-rules>conditional group rules</dfn>, that associate a 1.293 @@ -341,7 +355,7 @@ 1.294 is false. 1.295 1.296 <div class=example> 1.297 - <p>For example, this rule:</p> 1.298 + <p>For example, this rule: 1.299 1.300 <pre>@media print { 1.301 #navigation { display: none } 1.302 @@ -349,7 +363,7 @@ 1.303 1.304 <p>causes a particular CSS rule (making elements with ID "navigation" be 1.305 display:none) apply only when the style sheet is used for a print medium. 1.306 - Likewise, this CSS rule:</p> 1.307 + Likewise, this CSS rule: 1.308 1.309 <pre>@document url("http://www.example.com/") { 1.310 #example1 { display: none } 1.311 @@ -357,7 +371,7 @@ 1.312 1.313 <p>does the same type of conditional application, but using a different 1.314 condition: whether the style sheet is being applied to the page 1.315 - <code>http://www.example.com/</code>.</p> 1.316 + <code>http://www.example.com/</code>. 1.317 </div> 1.318 1.319 <p>Each conditional group rule has a condition, which at any time evaluates 1.320 @@ -398,8 +412,8 @@ 1.321 href="#CSS3-ANIMATIONS" 1.322 rel=biblioentry>[CSS3-ANIMATIONS]<!--{{!CSS3-ANIMATIONS}}--></a>). 1.323 1.324 - <h2 id=contents-of><span class=secno>3. </span>Contents of conditional 1.325 - group rules</h2> 1.326 + <h2 id=""contents-of""><span class=secno>3. </span>Contents of 1.327 + conditional group rules</h2> 1.328 1.329 <p class=issue>There is also likely demand for using these conditions with 1.330 ‘<code class=css>@import</code>’. We should see if we can come up with 1.331 @@ -458,7 +472,8 @@ 1.332 (Rule sets, declaration blocks, and selectors)</a> of <a href="#CSS21" 1.333 rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. 1.334 1.335 - <h2 id=use><span class=secno>4. </span>Placement of conditional group rules</h2> 1.336 + <h2 id=""use""><span class=secno>4. </span>Placement of conditional 1.337 + group rules</h2> 1.338 1.339 <p>Conditional group rules are allowed at the top-level of a style sheet, 1.340 and inside other conditional group rules. CSS processors 1.341 @@ -472,8 +487,8 @@ 1.342 not</strong> place such rules after a conditional group rules, and CSS 1.343 processors <strong>must</strong> ignore such rules. 1.344 1.345 - <h2 id=at-media><span class=secno>5. </span>Media-specific style sheets: 1.346 - the ‘<code class=css>@media</code>’ rule</h2> 1.347 + <h2 id=""at-media""><span class=secno>5. </span>Media-specific 1.348 + style sheets: the ‘<code class=css>@media</code>’ rule</h2> 1.349 1.350 <p>The <dfn id=media-rule>‘<code class=css>@media</code>’ rule</dfn> is 1.351 a conditional group rule whose condition is a media query. It consists of 1.352 @@ -483,7 +498,7 @@ 1.353 body. The condition of the rule is the result of the media query. 1.354 1.355 <div class=example> 1.356 - <p>This ‘<code class=css>@media</code>’ rule:</p> 1.357 + <p>This ‘<code class=css>@media</code>’ rule: 1.358 1.359 <pre>@media print, (max-width: 600px) { 1.360 #extra_navigation { display: none } 1.361 @@ -513,8 +528,9 @@ 1.362 href="http://www.w3.org/TR/CSS21/grammar.html">Grammar of CSS 2.1</a> (<a 1.363 href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>, Appendix G). 1.364 1.365 - <h2 id=at-supports><span class=secno>6. </span>Feature queries: the ‘<a 1.366 - href="#dfn-support"><code class=css>@supports</code></a>’ rule</h2> 1.367 + <h2 id=""at-supports""><span class=secno>6. </span>Feature queries: 1.368 + the ‘<a href="#"dfn-support""><code 1.369 + class=css>@supports</code></a>’ rule</h2> 1.370 1.371 <p>The <dfn id=supports-rule>‘<code class=css>@supports</code>’ 1.372 rule</dfn> is a conditional group rule whose condition tests whether the 1.373 @@ -526,10 +542,10 @@ 1.374 tied to the support for certain features, as is the case for use of new 1.375 layout system features. 1.376 1.377 - <p>The syntax of the condition in the ‘<a href="#dfn-support"><code 1.378 - class=css>@supports</code></a>’ rule is slightly more complicated than 1.379 - for the other conditional group rules (though has some similarities to 1.380 - media queries) since: 1.381 + <p>The syntax of the condition in the ‘<a 1.382 + href="#"dfn-support""><code class=css>@supports</code></a>’ rule 1.383 + is slightly more complicated than for the other conditional group rules 1.384 + (though has some similarities to media queries) since: 1.385 1.386 <ul> 1.387 <li>negation is needed so that the new-feature styles and the fallback 1.388 @@ -544,7 +560,7 @@ 1.389 alternatives are vendor-prefixed properties or values 1.390 </ul> 1.391 1.392 - <p>Therefore, the syntax of the ‘<a href="#dfn-support"><code 1.393 + <p>Therefore, the syntax of the ‘<a href="#"dfn-support""><code 1.394 class=css>@supports</code></a>’ rule allows testing for property:value 1.395 pairs, and arbitrary conjunctions (and), disjunctions (or), and negations 1.396 (not) of them. 1.397 @@ -599,22 +615,22 @@ 1.398 (Tokenization)</a> of <a href="#CSS21" 1.399 rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. 1.400 1.401 - <p>Any ‘<a href="#dfn-support"><code class=css>@supports</code></a>’ 1.402 - rule that does not parse according to the grammar above is invalid. Style 1.403 - sheets <strong>must not</strong> use such a rule and processors 1.404 - <strong>must</strong> ignore such a rule. 1.405 + <p>Any ‘<a href="#"dfn-support""><code 1.406 + class=css>@supports</code></a>’ rule that does not parse according to 1.407 + the grammar above is invalid. Style sheets <strong>must not</strong> use 1.408 + such a rule and processors <strong>must</strong> ignore such a rule. 1.409 1.410 <p class=note>Note that this means that declarations that meet the 1.411 forward-compatible syntax for declarations are permitted (and support for 1.412 - them is then tested by the ‘<a href="#dfn-support"><code 1.413 + them is then tested by the ‘<a href="#"dfn-support""><code 1.414 class=css>@supports</code></a>’ rule), but declarations that do not meet 1.415 the forward-compatible syntax for declarations cause the entire ‘<a 1.416 - href="#dfn-support"><code class=css>@supports</code></a>’ rule to be 1.417 - ignored. 1.418 + href="#"dfn-support""><code class=css>@supports</code></a>’ rule 1.419 + to be ignored. 1.420 1.421 <p class=issue>Is any further allowance for forward-compatible parsing 1.422 needed, for example, to allow additional features (such as, say, selector 1.423 - tests) to be added to the ‘<a href="#dfn-support"><code 1.424 + tests) to be added to the ‘<a href="#"dfn-support""><code 1.425 class=css>@supports</code></a>’ rule? Or are these forward-compatible 1.426 parsing rules the best solution for such future expansion anyway? 1.427 1.428 @@ -657,14 +673,14 @@ 1.429 href="#support-definition">supports</a> the declaration. 1.430 </dl> 1.431 1.432 - <p>The condition of the ‘<a href="#dfn-support"><code 1.433 + <p>The condition of the ‘<a href="#"dfn-support""><code 1.434 class=css>@supports</code></a>’ rule is the result of the <a 1.435 href="#supportscondition"><code>supports_condition</code></a> term that is 1.436 a child of the <a href="#supportsrule"><code>supports_rule</code></a> 1.437 term. 1.438 1.439 <div class=example> 1.440 - <p>For example, the following rule</p> 1.441 + <p>For example, the following rule 1.442 1.443 <pre>@supports ( display: flexbox ) { 1.444 body, #navigation, #content { display: flexbox; } 1.445 @@ -672,16 +688,16 @@ 1.446 #article { background: white; color: black; } 1.447 }</pre> 1.448 1.449 - <p>applies the rules inside the ‘<a href="#dfn-support"><code 1.450 + <p>applies the rules inside the ‘<a href="#"dfn-support""><code 1.451 class=css>@supports</code></a>’ rule only when ‘<code 1.452 - class=css>display: flexbox</code>’ is supported.</p> 1.453 + class=css>display: flexbox</code>’ is supported. 1.454 </div> 1.455 1.456 <div class=example> 1.457 <p>The following example shows an additional ‘<a 1.458 - href="#dfn-support"><code class=css>@supports</code></a>’ rule that can 1.459 - be used to provide an alternative for when ‘<code class=css>display: 1.460 - flexbox</code>’ is not supported:</p> 1.461 + href="#"dfn-support""><code class=css>@supports</code></a>’ 1.462 + rule that can be used to provide an alternative for when ‘<code 1.463 + class=css>display: flexbox</code>’ is not supported: 1.464 1.465 <pre>@supports not ( display: flexbox ) { 1.466 body { width: 100%; height: 100%; background: white; color: black; } 1.467 @@ -691,7 +707,7 @@ 1.468 1.469 <p>Note that the ‘<code class=property>width</code>’ declarations may 1.470 be harmful to the flexbox-based layout, so it is important that they be 1.471 - present only in the non-flexbox styles.</p> 1.472 + present only in the non-flexbox styles. 1.473 </div> 1.474 1.475 <div class=example> 1.476 @@ -701,7 +717,7 @@ 1.477 it specifies both ‘<code class=property>box-shadow</code>’ (with the 1.478 prefixed versions) and ‘<code class=property>color</code>’ in a way 1.479 what would cause the text to become invisible were ‘<code 1.480 - class=property>box-shadow</code>’ not supported.</p> 1.481 + class=property>box-shadow</code>’ not supported. 1.482 1.483 <pre>@supports ( box-shadow: 2px 2px 2px black ) or 1.484 ( -moz-box-shadow: 2px 2px 2px black ) or 1.485 @@ -735,7 +751,7 @@ 1.486 // ... 1.487 }</pre> 1.488 1.489 - <p>Instead, authors must write one of the following:</p> 1.490 + <p>Instead, authors must write one of the following: 1.491 1.492 <pre>@supports ((transition-property: color) or 1.493 (animation-name: foo)) and 1.494 @@ -762,7 +778,7 @@ 1.495 // ... 1.496 }</pre> 1.497 1.498 - <p>Instead, authors must write:</p> 1.499 + <p>Instead, authors must write: 1.500 1.501 <pre>@supports (display: flexbox) { 1.502 // ... 1.503 @@ -774,7 +790,7 @@ 1.504 out parts of an expression) and may also be useful for authoring tools. 1.505 1.506 <div class=example> 1.507 - <p>For example, authors may write:</p> 1.508 + <p>For example, authors may write: 1.509 1.510 <pre>@supports ((display: flexbox)) { 1.511 // ... 1.512 @@ -783,15 +799,16 @@ 1.513 1.514 <p class=issue>Add an example involving <code>!important</code>. 1.515 1.516 - <h3 id=support-definition><span class=secno>6.1. </span>Definition of 1.517 - support</h3> 1.518 + <h3 id=""support-definition""><span class=secno>6.1. 1.519 + </span>Definition of support</h3> 1.520 1.521 - <p>A CSS processor is considered to <dfn id=dfn-support>support</dfn> a 1.522 - declaration (consisting of a property and value) if it implements the 1.523 - given value of the given property. 1.524 + <p>A CSS processor is considered to <dfn 1.525 + id=""dfn-support"">support</dfn> a declaration (consisting of a 1.526 + property and value) if it implements the given value of the given 1.527 + property. 1.528 1.529 - <h3 id=partial-implementations><span class=secno>6.2. </span>Partial 1.530 - implementations</h3> 1.531 + <h3 id=""partial-implementations""><span class=secno>6.2. 1.532 + </span>Partial implementations</h3> 1.533 1.534 <p>For forward-compatibility, <a 1.535 href="http://www.w3.org/TR/CSS21/syndata.html#declaration">section 4.1.8 1.536 @@ -811,16 +828,16 @@ 1.537 containing such a value. This allows authors to use fallback (either in 1.538 the <a href="#CSS1" rel=biblioentry>[CSS1]<!--{{CSS1}}--></a> sense of 1.539 declarations that are overridden by later declarations or with the new 1.540 - capabilities provided by the ‘<a href="#dfn-support"><code 1.541 + capabilities provided by the ‘<a href="#"dfn-support""><code 1.542 class=css>@supports</code></a>’ rule in this specification) that works 1.543 correctly for the features implemented. This applies especially to 1.544 compound values; implementations must implement all parts of the value in 1.545 order to consider the declaration supported, either inside a ruleset or in 1.546 - the declaration condition of an ‘<a href="#dfn-support"><code 1.547 + the declaration condition of an ‘<a href="#"dfn-support""><code 1.548 class=css>@supports</code></a>’ rule. 1.549 1.550 - <h2 id=at-document><span class=secno>7. </span>Document queries: the 1.551 - ‘<code class=css>@document</code>’ rule</h2> 1.552 + <h2 id=""at-document""><span class=secno>7. </span>Document 1.553 + queries: the ‘<code class=css>@document</code>’ rule</h2> 1.554 1.555 <p>The <dfn id=document-rule>‘<code class=css>@document</code>’ 1.556 rule</dfn> is a conditional group rule whose condition depends on the <a 1.557 @@ -834,12 +851,13 @@ 1.558 should this specification remain neutral on the topic, since there are 1.559 valid uses in author style sheets? 1.560 1.561 - <p id=url-of-doc>The <dfn id=url-of-the-document-being-styled>URL of the 1.562 - document being styled</dfn> is the URI at which the document is located, 1.563 - excluding any fragment identifiers. (This means, for example, that HTTP 1.564 - redirects have been followed.) If the styles are being applied inside a 1.565 - complete document embedded into the presentation of another (e.g., <a 1.566 - href="#HTML5" rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>'s <code 1.567 + <p id=""url-of-doc"">The <dfn 1.568 + id=url-of-the-document-being-styled>URL of the document being styled</dfn> 1.569 + is the URI at which the document is located, excluding any fragment 1.570 + identifiers. (This means, for example, that HTTP redirects have been 1.571 + followed.) If the styles are being applied inside a complete document 1.572 + embedded into the presentation of another (e.g., <a href="#HTML5" 1.573 + rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>'s <code 1.574 class=html>iframe</code>, <code class=html>object</code>, or <code 1.575 class=html>img</code> elements), the relevant URI is that of the frame, 1.576 not of its container. However, if content from other documents is mixed in 1.577 @@ -876,48 +894,48 @@ 1.578 are permitted: 1.579 1.580 <dl> 1.581 - <dt><dfn id=url-exact 1.582 + <dt><dfn id=""url-exact"" 1.583 title="url()|URL matching functions::exact"><url></dfn> 1.584 1.585 <dd> 1.586 - <p>The ‘<a href="#url-exact"><code class=css>url()</code></a>’ 1.587 - function is the <dfn id=exact-url-matching-function>exact url matching 1.588 - function</dfn>. It evaluates to true whenever the <a 1.589 - href="#url-of-doc">URL of the document being styled</a> is exactly the 1.590 - URL given.</p> 1.591 + <p>The ‘<a href="#"url-exact""><code 1.592 + class=css>url()</code></a>’ function is the <dfn 1.593 + id=exact-url-matching-function>exact url matching function</dfn>. It 1.594 + evaluates to true whenever the <a href="#url-of-doc">URL of the document 1.595 + being styled</a> is exactly the URL given. 1.596 1.597 - <p class=Note>The ‘<a href="#url-exact"><code 1.598 + <p class=Note>The ‘<a href="#"url-exact""><code 1.599 class=css>url()</code></a>’ function, since it is a core syntax 1.600 element in CSS, is allowed (subject to different character limitations 1.601 and thus escaping requirements) to contain an unquoted value (in 1.602 addition to the string values that are allowed as arguments for all four 1.603 - functions).</p> 1.604 + functions). 1.605 1.606 <div class=example> 1.607 - <p>For example, this rule:</p> 1.608 + <p>For example, this rule: 1.609 1.610 <pre>@document url("http://www.w3.org/Style/CSS/") { 1.611 #summary { background: yellow; color: black} 1.612 }</pre> 1.613 1.614 <p>styles the <code class=html>summary</code> element on the page 1.615 - <code>http://www.w3.org/Style/CSS/</code>, but not on any other pages.</p> 1.616 + <code>http://www.w3.org/Style/CSS/</code>, but not on any other pages. 1.617 </div> 1.618 1.619 - <dt><dfn id=url-prefix 1.620 + <dt><dfn id=""url-prefix"" 1.621 title="url-prefix()|URL matching functions::prefix">url-prefix(<string>)</dfn> 1.622 1.623 <dd> 1.624 - <p>The ‘<a href="#url-prefix"><code 1.625 + <p>The ‘<a href="#"url-prefix""><code 1.626 class=css>url-prefix()</code></a>’ function is the <dfn 1.627 id=url-prefix-matching-function>url prefix matching function</dfn>. It 1.628 evaluates to true whenever the <a href="#url-of-doc">URL of the document 1.629 being styled</a> has the argument to the function as an initial 1.630 substring (which is true when the two strings are equal). When the 1.631 - argument is the empty string, it evaluates to true for all documents.</p> 1.632 + argument is the empty string, it evaluates to true for all documents. 1.633 1.634 <div class=example> 1.635 - <p>For example, this rule:</p> 1.636 + <p>For example, this rule: 1.637 1.638 <pre>@document url-prefix("http://www.w3.org/Style/CSS/") { 1.639 #summary { background: yellow; color: black} 1.640 @@ -927,27 +945,27 @@ 1.641 <code>http://www.w3.org/Style/CSS/</code> and on the page 1.642 <code>http://www.w3.org/Style/CSS/Test</code>, but it does not affect 1.643 the page <code>http://www.w3.org/</code> or the page 1.644 - <code>http://www.example.com/Style/CSS/</code>.</p> 1.645 + <code>http://www.example.com/Style/CSS/</code>. 1.646 </div> 1.647 1.648 - <dt><dfn id=url-domain 1.649 + <dt><dfn id=""url-domain"" 1.650 title="domain()|URL matching functions::domain">domain(<string>)</dfn> 1.651 1.652 <dd> 1.653 - <p>The ‘<a href="#url-domain"><code class=css>domain()</code></a>’ 1.654 - function is the <dfn id=domain-matching-function>domain matching 1.655 - function</dfn>. It evaluates to true whenever the <a 1.656 - href="#url-of-doc">URL of the document being styled</a> has a host 1.657 - subcomponent (as defined in <a href="#URI" 1.658 + <p>The ‘<a href="#"url-domain""><code 1.659 + class=css>domain()</code></a>’ function is the <dfn 1.660 + id=domain-matching-function>domain matching function</dfn>. It evaluates 1.661 + to true whenever the <a href="#url-of-doc">URL of the document being 1.662 + styled</a> has a host subcomponent (as defined in <a href="#URI" 1.663 rel=biblioentry>[URI]<!--{{!URI}}--></a>) and that host subcomponent is 1.664 - exactly the argument to the ‘<a href="#url-domain"><code 1.665 + exactly the argument to the ‘<a href="#"url-domain""><code 1.666 class=css>domain()</code></a>’ function or a final substring of the 1.667 host component is a period (U+002E) immediately followed by the argument 1.668 - to the ‘<a href="#url-domain"><code class=css>domain()</code></a>’ 1.669 - function.</p> 1.670 + to the ‘<a href="#"url-domain""><code 1.671 + class=css>domain()</code></a>’ function. 1.672 1.673 <div class=example> 1.674 - <p>For example, this rule:</p> 1.675 + <p>For example, this rule: 1.676 1.677 <pre>@document domain("w3.org") { 1.678 body { font-size: 16px ! important } 1.679 @@ -957,10 +975,10 @@ 1.680 <code>http://www.w3.org/Style/CSS/</code> and 1.681 <code>http://w3.org/Style/CSS/</code> and 1.682 <code>http://lists.w3.org/Archives/Public/www-style/</code> but it does 1.683 - not affect the page <code>http://www.example.com/Style/CSS/</code>.</p> 1.684 + not affect the page <code>http://www.example.com/Style/CSS/</code>. 1.685 </div> 1.686 1.687 - <dt><dfn id=url-regexp 1.688 + <dt><dfn id=""url-regexp"" 1.689 title="regexp()|URL matching functions::regular expression">regexp(<string>)</dfn> 1.690 1.691 <dd> 1.692 @@ -969,40 +987,40 @@ 1.693 href="#ECMA-262-5.1" 1.694 rel=biblioentry>[ECMA-262-5.1]<!--{{!ECMA-262-5.1}}--></a>, section 1.695 15.10.1). However, failing to do so is not a CSS syntax error and does 1.696 - not trigger any error handling for CSS syntax errors.</p> 1.697 + not trigger any error handling for CSS syntax errors. 1.698 1.699 - <p>The ‘<a href="#url-regexp"><code class=css>regexp()</code></a>’ 1.700 - function evaluates to true whenever the string argument compiled as a 1.701 - JavaScript regular expression with the <code>global</code>, 1.702 - <code>ignoreCase</code> and <code>multiline</code> flags 1.703 - <em>disabled</em> (see <a href="#ECMA-262-5.1" 1.704 + <p>The ‘<a href="#"url-regexp""><code 1.705 + class=css>regexp()</code></a>’ function evaluates to true whenever the 1.706 + string argument compiled as a JavaScript regular expression with the 1.707 + <code>global</code>, <code>ignoreCase</code> and <code>multiline</code> 1.708 + flags <em>disabled</em> (see <a href="#ECMA-262-5.1" 1.709 rel=biblioentry>[ECMA-262-5.1]<!--{{!ECMA-262-5.1}}--></a>, sections 1.710 15.10.7.2 through 15.10.7.4) compiles successfully and the resulting 1.711 regular expression matches the entirety of the <a href="#url-of-doc">URL 1.712 - of the document being styled</a>.</p> 1.713 + of the document being styled</a>. 1.714 1.715 <p class=note>Note that regular expression must match the entire URL, not 1.716 - just a part of it.</p> 1.717 + just a part of it. 1.718 1.719 <p class=note>Note that this definition intentionally matches the 1.720 behavior of the <a 1.721 href="http://dev.w3.org/html5/spec/common-input-element-attributes.html#attr-input-pattern"><code 1.722 class=html>pattern</code> attribute</a> on the <code 1.723 class=html>input</code> element in <a href="#HTML5" 1.724 - rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>.</p> 1.725 + rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>. 1.726 1.727 <div class=example> 1.728 - <p>For example, this rule:</p> 1.729 + <p>For example, this rule: 1.730 1.731 <pre>@document regexp("http://www.w3.org/TR/\\d{4}/[^/]*-CSS2-\\d{8}/") { 1.732 body { font-size: 20px ! important } 1.733 }</pre> 1.734 1.735 <p>changes the font size of the body element for pages such as 1.736 - <code>http://www.w3.org/TR/2011/PR-CSS2-20110412/</code>.</p> 1.737 + <code>http://www.w3.org/TR/2011/PR-CSS2-20110412/</code>. 1.738 1.739 <p class=note>Note that the backslashes in the regular expression 1.740 - require CSS escaping as ‘<code class=css>\\</code>’.</p> 1.741 + require CSS escaping as ‘<code class=css>\\</code>’. 1.742 </div> 1.743 </dl> 1.744 1.745 @@ -1014,9 +1032,8 @@ 1.746 expansion anyway?</span> 1.747 1.748 <div class=issue>This syntax doesn't offer any ability to do negations, 1.749 - which has been requested in <a 1.750 - href="https://bugzilla.mozilla.org/show_bug.cgi?id=349813">Mozilla bug 1.751 - 349813</a>. Use cases that people have wanted negations for include: 1.752 + which has been requested in Mozilla bug 349813. Use cases that people have 1.753 + wanted negations for include: 1.754 <ul> 1.755 <li>User style sheets that want a particular rule in general, but know 1.756 that that rule does more harm than good on specific sites. 1.757 @@ -1043,10 +1060,9 @@ 1.758 : (URI | FUNCTION) S* 1.759 ;</pre> 1.760 1.761 - <h2 id=apis><span class=secno>8. </span>APIs</h2> 1.762 + <h2 id=""apis""><span class=secno>8. </span>APIs</h2> 1.763 1.764 - <h3 id=extentions-to-cssrule-interface><span class=secno>8.1. </span> 1.765 - Extensions to the <code>CSSRule</code> interface</h3> 1.766 + <p>Extensions to the <code>CSSRule</code> interface 1.767 1.768 <p>The <code>CSSRule</code> interface is extended as follows: 1.769 1.770 @@ -1055,15 +1071,16 @@ 1.771 const unsigned short DOCUMENT_RULE = 13; 1.772 }</pre> 1.773 1.774 - <h3 id=the-csssupportsrule-interface><span class=secno>8.2. </span> The 1.775 - <code>CSSSupportsRule</code> interface</h3> 1.776 + <h3 id=""the-csssupportsrule-interface""><span class=secno>8.1. 1.777 + </span> The <code>CSSSupportsRule</code> interface</h3> 1.778 1.779 <p class=issue>Should there be an interface containing the methods common 1.780 to CSSMediaRule, CSSSupportsRule, and CSSDocumentRule, from which they all 1.781 derive? Should it be called CSSGroupRule? CSSConditionalRule? 1.782 1.783 <p>The <code>CSSSupportsRule</code> interface represents a ‘<a 1.784 - href="#dfn-support"><code class=css>@supports</code></a>’ rule. 1.785 + href="#"dfn-support""><code class=css>@supports</code></a>’ 1.786 + rule. 1.787 1.788 <pre class=idl>interface CSSSupportsRule : CSSRule { 1.789 attribute DOMString conditionText; 1.790 @@ -1092,14 +1109,14 @@ 1.791 </ol> 1.792 1.793 <p class=issue>Should this be called <code>conditionText</code> or 1.794 - <code>supportsText</code>?</p> 1.795 + <code>supportsText</code>? 1.796 1.797 <dt><code>cssRules</code> of type <code>CSSRuleList</code>, readonly 1.798 1.799 <dd>The <code>cssRules</code> attribute must return a 1.800 <code>CSSRuleList</code> object for the list of CSS rules specified with 1.801 - the ‘<a href="#dfn-support"><code class=css>@supports</code></a>’ 1.802 - rule. 1.803 + the ‘<a href="#"dfn-support""><code 1.804 + class=css>@supports</code></a>’ rule. 1.805 </dl> 1.806 1.807 <dl class=idl-methods> 1.808 @@ -1119,20 +1136,21 @@ 1.809 1.810 <p class=issue>Define the CSSDocumentRule interface. 1.811 1.812 - <h3 id=window-api><span class=secno>8.3. </span>supportsCSS() function</h3> 1.813 + <h3 id=""window-api""><span class=secno>8.2. </span>supportsCSS() 1.814 + function</h3> 1.815 1.816 <pre class=idl>partial interface Window { 1.817 boolean supportsCSS (DOMString property, DOMString value); 1.818 };</pre> 1.819 1.820 <p>The <code>supportsCSS</code> function must return <code>true</code> if 1.821 - the implementation <a href="#dfn-support"><i>supports</i></a> the value 1.822 - given by <var>value</var> for the property given by <var>property</var>, 1.823 - and <code>false</code> otherwise. 1.824 + the implementation <a href="#"dfn-support""><i>supports</i></a> 1.825 + the value given by <var>value</var> for the property given by 1.826 + <var>property</var>, and <code>false</code> otherwise. 1.827 1.828 - <h2 id=conformance><span class=secno>9. </span>Conformance</h2> 1.829 + <h2 id=""conformance""><span class=secno>9. </span>Conformance</h2> 1.830 1.831 - <h3 id=base-modules><span class=secno>9.1. </span>Base Modules</h3> 1.832 + <h3 id=""base-modules""><span class=secno>9.1. </span>Base Modules</h3> 1.833 1.834 <p>This specification defines conformance in terms of base modules, which 1.835 are modules that this specification builds on top of. The base modules of 1.836 @@ -1165,20 +1183,20 @@ 1.837 such syntax does not make a style sheet nonconformant and failure to treat 1.838 such syntax as invalid does not make a processor nonconformant. 1.839 1.840 - <h3 id=conformance-classes><span class=secno>9.2. </span>Conformance 1.841 - Classes</h3> 1.842 + <h3 id=""conformance-classes""><span class=secno>9.2. 1.843 + </span>Conformance Classes</h3> 1.844 1.845 <p>Conformance to the CSS Conditional Rules Module is defined for three 1.846 conformance classes: 1.847 1.848 <dl> 1.849 - <dt><dfn id=conform-style-sheet title="conformance::style sheet">style 1.850 - sheet</dfn> 1.851 + <dt><dfn id=""conform-style-sheet"" 1.852 + title="conformance::style sheet">style sheet</dfn> 1.853 1.854 <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS 1.855 style sheet</a>. 1.856 1.857 - <dt><dfn id=conform-processor 1.858 + <dt><dfn id=""conform-processor"" 1.859 title="conformance::processor">processor</dfn> 1.860 1.861 <dd>A tool that reads CSS style sheets: it may be a renderer or <a 1.862 @@ -1186,7 +1204,7 @@ 1.863 that interprets the semantics of a style sheet and renders documents that 1.864 use style sheets, or it may be a validator that checks style sheets. 1.865 1.866 - <dt><dfn id=conform-authoring-tool 1.867 + <dt><dfn id=""conform-authoring-tool"" 1.868 title="conformance::authoring tool">authoring tool</dfn> 1.869 1.870 <dd>A tool that writes a style sheet. 1.871 @@ -1210,7 +1228,8 @@ 1.872 it writes style sheets that conform to the module and (if it reads CSS) it 1.873 is a conformant processor. 1.874 1.875 - <h3 id=partial><span class=secno>9.3. </span> Partial Implementations</h3> 1.876 + <h3 id=""partial""><span class=secno>9.3. </span> Partial 1.877 + Implementations</h3> 1.878 1.879 <p>So that authors can exploit the forward-compatible parsing rules to 1.880 assign fallback values, CSS renderers <strong>must</strong> treat as 1.881 @@ -1224,7 +1243,7 @@ 1.882 unsupported values must be), CSS requires that the entire declaration be 1.883 ignored. 1.884 1.885 - <h3 id=experimental><span class=secno>9.4. </span>Experimental 1.886 + <h3 id=""experimental""><span class=secno>9.4. </span>Experimental 1.887 Implementations</h3> 1.888 1.889 <p>To avoid clashes with future CSS features, the CSS specifications 1.890 @@ -1238,7 +1257,8 @@ 1.891 should implement the non-prefixed syntax for any feature they consider to 1.892 be correctly implemented according to spec. 1.893 1.894 - <h3 id=cr-exit-criteria><span class=secno>9.5. </span>CR Exit Criteria</h3> 1.895 + <h3 id=""cr-exit-criteria""><span class=secno>9.5. </span>CR Exit 1.896 + Criteria</h3> 1.897 1.898 <p>For this specification to be advanced to Proposed Recommendation, there 1.899 must be at least two independent, interoperable implementations of each 1.900 @@ -1310,7 +1330,7 @@ 1.901 1.902 <h2 class=no-num id=references>References</h2> 1.903 1.904 - <h3 class=no-num id=normative-references>Normative references</h3> 1.905 + <h3 class=no-num id=""normative-references"">Normative references</h3> 1.906 <!--begin-normative--> 1.907 <!-- Sorted by label --> 1.908 1.909 @@ -1325,7 +1345,7 @@ 1.910 Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June 1.911 2011. W3C Recommendation. URL: <a 1.912 href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a> 1.913 - </dd> 1.914 + </dd> 1.915 <!----> 1.916 1.917 <dt id=CSS3-ANIMATIONS>[CSS3-ANIMATIONS] 1.918 @@ -1335,17 +1355,17 @@ 1.919 Animations.</cite></a> 3 April 2012. W3C Working Draft. (Work in 1.920 progress.) URL: <a 1.921 href="http://www.w3.org/TR/2012/WD-css3-animations-20120403/">http://www.w3.org/TR/2012/WD-css3-animations-20120403/</a> 1.922 - </dd> 1.923 + </dd> 1.924 <!----> 1.925 1.926 <dt id=CSS3-FONTS>[CSS3-FONTS] 1.927 1.928 <dd>John Daggett. <a 1.929 - href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/"><cite>CSS Fonts 1.930 - Module Level 3.</cite></a> 4 October 2011. W3C Working Draft. (Work in 1.931 + href="http://www.w3.org/TR/2012/WD-css3-fonts-20120823/"><cite>CSS Fonts 1.932 + Module Level 3.</cite></a> 23 August 2012. W3C Working Draft. (Work in 1.933 progress.) URL: <a 1.934 - href="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/">http://www.w3.org/TR/2011/WD-css3-fonts-20111004/</a> 1.935 - </dd> 1.936 + href="http://www.w3.org/TR/2012/WD-css3-fonts-20120823/">http://www.w3.org/TR/2012/WD-css3-fonts-20120823/</a> 1.937 + </dd> 1.938 <!----> 1.939 1.940 <dt id=ECMA-262-5.1>[ECMA-262-5.1] 1.941 @@ -1355,7 +1375,7 @@ 1.942 Language Specification, Edition 5.1.</cite></a> June 2011. ISO/IEC 1.943 16262:2011. URL: <a 1.944 href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">http://www.ecma-international.org/publications/standards/Ecma-262.htm</a> 1.945 - </dd> 1.946 + </dd> 1.947 <!----> 1.948 1.949 <dt id=MEDIAQ>[MEDIAQ] 1.950 @@ -1364,7 +1384,7 @@ 1.951 href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/"><cite>Media 1.952 Queries.</cite></a> 19 June 2012. W3C Recommendation. URL: <a 1.953 href="http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/">http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/</a> 1.954 - </dd> 1.955 + </dd> 1.956 <!----> 1.957 1.958 <dt id=RFC2119>[RFC2119] 1.959 @@ -1373,7 +1393,7 @@ 1.960 words for use in RFCs to Indicate Requirement Levels.</cite></a> Internet 1.961 RFC 2119. URL: <a 1.962 href="http://www.ietf.org/rfc/rfc2119.txt">http://www.ietf.org/rfc/rfc2119.txt</a> 1.963 - </dd> 1.964 + </dd> 1.965 <!----> 1.966 1.967 <dt id=URI>[URI] 1.968 @@ -1383,12 +1403,12 @@ 1.969 Identifiers (URI): generic syntax.</cite></a> January 2005. Internet RFC 1.970 3986. URL: <a 1.971 href="http://www.ietf.org/rfc/rfc3986.txt">http://www.ietf.org/rfc/rfc3986.txt</a> 1.972 - </dd> 1.973 + </dd> 1.974 <!----> 1.975 </dl> 1.976 <!--end-normative--> 1.977 1.978 - <h3 class=no-num id=other-references>Other references</h3> 1.979 + <h3 class=no-num id=""other-references"">Other references</h3> 1.980 <!--begin-informative--> 1.981 <!-- Sorted by label --> 1.982 1.983 @@ -1403,7 +1423,7 @@ 1.984 Sheets (CSS1) Level 1 Specification.</cite></a> 11 April 2008. W3C 1.985 Recommendation. URL: <a 1.986 href="http://www.w3.org/TR/2008/REC-CSS1-20080411">http://www.w3.org/TR/2008/REC-CSS1-20080411</a> 1.987 - </dd> 1.988 + </dd> 1.989 <!----> 1.990 1.991 <dt id=CSS3-TRANSITIONS>[CSS3-TRANSITIONS] 1.992 @@ -1413,7 +1433,7 @@ 1.993 Transitions.</cite></a> 3 April 2012. W3C Working Draft. (Work in 1.994 progress.) URL: <a 1.995 href="http://www.w3.org/TR/2012/WD-css3-transitions-20120403/">http://www.w3.org/TR/2012/WD-css3-transitions-20120403/</a> 1.996 - </dd> 1.997 + </dd> 1.998 <!----> 1.999 1.1000 <dt id=HTML5>[HTML5] 1.1001 @@ -1422,7 +1442,7 @@ 1.1002 href="http://www.w3.org/TR/2011/WD-html5-20110525/"><cite>HTML5.</cite></a> 1.1003 25 May 2011. W3C Working Draft. (Work in progress.) URL: <a 1.1004 href="http://www.w3.org/TR/2011/WD-html5-20110525/">http://www.w3.org/TR/2011/WD-html5-20110525/</a> 1.1005 - </dd> 1.1006 + </dd> 1.1007 <!----> 1.1008 1.1009 <dt id=SVG11>[SVG11] 1.1010 @@ -1432,12 +1452,12 @@ 1.1011 Vector Graphics (SVG) 1.1 (Second Edition).</cite></a> 16 August 2011. 1.1012 W3C Recommendation. URL: <a 1.1013 href="http://www.w3.org/TR/2011/REC-SVG11-20110816/">http://www.w3.org/TR/2011/REC-SVG11-20110816/</a> 1.1014 - </dd> 1.1015 + </dd> 1.1016 <!----> 1.1017 </dl> 1.1018 <!--end-informative--> 1.1019 1.1020 - <h2 class=no-num id=index>Index</h2> 1.1021 + <h2 class=no-num id=""index"">Index</h2> 1.1022 <!--begin-index--> 1.1023 1.1024 <ul class=indexlist> 1.1025 @@ -1446,20 +1466,20 @@ 1.1026 1.1027 <li>conformance 1.1028 <ul> 1.1029 - <li>authoring tool, <a href="#conform-authoring-tool" 1.1030 + <li>authoring tool, <a href="#"conform-authoring-tool"" 1.1031 title="conformance, authoring tool"><strong>9.2.</strong></a> 1.1032 1.1033 - <li>processor, <a href="#conform-processor" 1.1034 + <li>processor, <a href="#"conform-processor"" 1.1035 title="conformance, processor"><strong>9.2.</strong></a> 1.1036 1.1037 - <li>style sheet, <a href="#conform-style-sheet" 1.1038 + <li>style sheet, <a href="#"conform-style-sheet"" 1.1039 title="conformance, style sheet"><strong>9.2.</strong></a> 1.1040 </ul> 1.1041 1.1042 <li>‘<code class=css>@document</code>’ rule, <a href="#document-rule" 1.1043 title="'@document' rule"><strong>7.</strong></a> 1.1044 1.1045 - <li>domain(), <a href="#url-domain" 1.1046 + <li>domain(), <a href="#"url-domain"" 1.1047 title="domain()"><strong>7.</strong></a> 1.1048 1.1049 <li>domain matching function, <a href="#domain-matching-function" 1.1050 @@ -1474,10 +1494,10 @@ 1.1051 <li>‘<code class=css>@media</code>’ rule, <a href="#media-rule" 1.1052 title="'@media' rule"><strong>5.</strong></a> 1.1053 1.1054 - <li>regexp(), <a href="#url-regexp" 1.1055 + <li>regexp(), <a href="#"url-regexp"" 1.1056 title="regexp()"><strong>7.</strong></a> 1.1057 1.1058 - <li>support, <a href="#dfn-support" 1.1059 + <li>support, <a href="#"dfn-support"" 1.1060 title=support><strong>6.1.</strong></a> 1.1061 1.1062 <li>supports_condition, <a href="#supportscondition" 1.1063 @@ -1499,37 +1519,37 @@ 1.1064 <li>supports_negation, <a href="#supportsnegation" 1.1065 title="supports_negation"><strong>6.</strong></a> 1.1066 1.1067 - <li>‘<a href="#dfn-support"><code class=css>@supports</code></a>’ 1.1068 - rule, <a href="#supports-rule" 1.1069 + <li>‘<a href="#"dfn-support""><code 1.1070 + class=css>@supports</code></a>’ rule, <a href="#supports-rule" 1.1071 title="'@supports' rule"><strong>6.</strong></a> 1.1072 1.1073 <li>supports_rule, <a href="#supportsrule" 1.1074 title="supports_rule"><strong>6.</strong></a> 1.1075 1.1076 - <li>url(), <a href="#url-exact" title="url()"><strong>7.</strong></a> 1.1077 + <li>url(), <a href="#"url-exact"" 1.1078 + title="url()"><strong>7.</strong></a> 1.1079 1.1080 <li>URL matching functions, <a href="#url-matching-functions" 1.1081 title="URL matching functions"><strong>7.</strong></a> 1.1082 <ul> 1.1083 - <li>domain, <a href="#url-domain" 1.1084 + <li>domain, <a href="#"url-domain"" 1.1085 title="URL matching functions, domain"><strong>7.</strong></a> 1.1086 1.1087 - <li>exact, <a href="#url-exact" 1.1088 + <li>exact, <a href="#"url-exact"" 1.1089 title="URL matching functions, exact"><strong>7.</strong></a> 1.1090 1.1091 - <li>prefix, <a href="#url-prefix" 1.1092 + <li>prefix, <a href="#"url-prefix"" 1.1093 title="URL matching functions, prefix"><strong>7.</strong></a> 1.1094 1.1095 - <li>regular expression, <a href="#url-regexp" 1.1096 + <li>regular expression, <a href="#"url-regexp"" 1.1097 title="URL matching functions, regular expression"><strong>7.</strong></a> 1.1098 - 1.1099 </ul> 1.1100 1.1101 <li>URL of the document being styled, <a 1.1102 href="#url-of-the-document-being-styled" 1.1103 title="URL of the document being styled"><strong>7.</strong></a> 1.1104 1.1105 - <li>url-prefix(), <a href="#url-prefix" 1.1106 + <li>url-prefix(), <a href="#"url-prefix"" 1.1107 title="url-prefix()"><strong>7.</strong></a> 1.1108 1.1109 <li>url prefix matching function, <a href="#url-prefix-matching-function"
2.1 --- a/css3-conditional/Overview.src.html Fri Aug 31 11:51:02 2012 -0700 2.2 +++ b/css3-conditional/Overview.src.html Fri Aug 31 11:53:59 2012 -0700 2.3 @@ -49,7 +49,7 @@ 2.4 <hr title="Separator for header"> 2.5 </div> 2.6 2.7 -<h2 class="no-num no-toc" id=abstract>Abstract</h2> 2.8 +<h2 class="no-num no-toc" id='abstract'>Abstract</h2> 2.9 2.10 <p>CSS is a language for describing the rendering of structured documents 2.11 (such as HTML and XML) on screen, on paper, in speech, etc. This module 2.12 @@ -63,7 +63,7 @@ 2.13 the addition of the '@supports' and '@document' 2.14 rules for conditional processing. 2.15 2.16 -<h2 class="no-num no-toc" id=status>Status of this document</h2> 2.17 +<h2 class="no-num no-toc" id='status'>Status of this document</h2> 2.18 2.19 <!--status--> 2.20 2.21 @@ -92,13 +92,13 @@ 2.22 2.23 </ul> 2.24 2.25 -<h2 class="no-num no-toc" id="contents">Table of contents</h2> 2.26 +<h2 class="no-num no-toc" id='"contents"'>Table of contents</h2> 2.27 2.28 <!--toc--> 2.29 2.30 -<h2 id="introduction">Introduction</h2> 2.31 +<h2 id='"introduction"'>Introduction</h2> 2.32 2.33 -<h3 id="context">Background</h3> 2.34 +<h3 id='"context"'>Background</h3> 2.35 2.36 <p><em>This section is not normative.</em> 2.37 2.38 @@ -134,7 +134,7 @@ 2.39 apply styles to a particular page or group of pages, which greatly 2.40 increases the power of user style sheets.</p> 2.41 2.42 -<h3 id="placement">Module Interactions</h3> 2.43 +<h3 id='"placement"'>Module Interactions</h3> 2.44 2.45 <p>This module replaces and extends the '@media' rule 2.46 feature defined in [[!CSS21]] section <var>7.2.1</var> and 2.47 @@ -146,7 +146,7 @@ 2.48 assumption that those modules will advance ahead of this one. If this 2.49 module advances faster, then the dependency will be reversed.</p> 2.50 2.51 -<h3 id="conventions">Document Conventions</h3> 2.52 +<h3 id='"conventions"'>Document Conventions</h3> 2.53 2.54 <p>Conformance requirements are expressed with a combination of 2.55 descriptive assertions and RFC 2119 terminology. The key words “MUST”, 2.56 @@ -172,7 +172,7 @@ 2.57 2.58 <p class="note">Note, this is an informative note.</p> 2.59 2.60 -<h2 id="processing">Processing of conditional group rules</h2> 2.61 +<h2 id='"processing"'>Processing of conditional group rules</h2> 2.62 2.63 <p>This specification defines some CSS @-rules, called <dfn>conditional 2.64 group rules</dfn>, that associate a condition with a group of other 2.65 @@ -232,7 +232,7 @@ 2.66 for some properties in [[CSS3-TRANSITIONS]] and 2.67 [[!CSS3-ANIMATIONS]]).</p> 2.68 2.69 -<h2 id="contents-of">Contents of conditional group rules</h2> 2.70 +<h2 id='"contents-of"'>Contents of conditional group rules</h2> 2.71 2.72 <p class="issue">There is also likely demand for using these 2.73 conditions with '@import'. We should see if we can 2.74 @@ -286,7 +286,7 @@ 2.75 href="http://www.w3.org/TR/CSS21/syndata.html#rule-sets">section 4.1.7 2.76 (Rule sets, declaration blocks, and selectors)</a> of [[!CSS21]].</p> 2.77 2.78 -<h2 id="use">Placement of conditional group rules</h2> 2.79 +<h2 id='"use"'>Placement of conditional group rules</h2> 2.80 2.81 <p>Conditional group rules are allowed at the top-level of a style 2.82 sheet, and inside other conditional group rules. CSS processors 2.83 @@ -299,7 +299,7 @@ 2.84 not</strong> place such rules after a conditional group rules, and CSS 2.85 processors <strong>must</strong> ignore such rules.</p> 2.86 2.87 -<h2 id="at-media">Media-specific style sheets: the '@media' rule</h2> 2.88 +<h2 id='"at-media"'>Media-specific style sheets: the '@media' rule</h2> 2.89 2.90 <p>The <dfn>'@media' rule</dfn> is a conditional group rule whose 2.91 condition is a media query. It consists of the at-keyword 2.92 @@ -331,7 +331,7 @@ 2.93 href="http://www.w3.org/TR/CSS21/grammar.html">Grammar of CSS 2.1</a> 2.94 ([[!CSS21]], Appendix G). 2.95 2.96 -<h2 id="at-supports">Feature queries: the '@supports' rule</h2> 2.97 +<h2 id='"at-supports"'>Feature queries: the '@supports' rule</h2> 2.98 2.99 <p>The <dfn>'@supports' rule</dfn> is a conditional group 2.100 rule whose condition tests whether the user agent supports CSS 2.101 @@ -558,13 +558,13 @@ 2.102 2.103 <p class="issue">Add an example involving <code>!important</code>.</p> 2.104 2.105 -<h3 id="support-definition">Definition of support</h3> 2.106 +<h3 id='"support-definition"'>Definition of support</h3> 2.107 2.108 -<p>A CSS processor is considered to <dfn id="dfn-support">support</dfn> 2.109 +<p>A CSS processor is considered to <dfn id='"dfn-support"'>support</dfn> 2.110 a declaration (consisting of a property and value) if it implements the 2.111 given value of the given property.</p> 2.112 2.113 -<h3 id="partial-implementations">Partial implementations</h3> 2.114 +<h3 id='"partial-implementations"'>Partial implementations</h3> 2.115 2.116 <p>For forward-compatibility, <a 2.117 href="http://www.w3.org/TR/CSS21/syndata.html#declaration">section 4.1.8 2.118 @@ -588,7 +588,7 @@ 2.119 in order to consider the declaration supported, either inside a ruleset 2.120 or in the declaration condition of an ''@supports'' rule.</p> 2.121 2.122 -<h2 id="at-document">Document queries: the '@document' rule</h2> 2.123 +<h2 id='"at-document"'>Document queries: the '@document' rule</h2> 2.124 2.125 <p>The <dfn>'@document' rule</dfn> is a conditional group 2.126 rule whose condition depends on the 2.127 @@ -603,7 +603,7 @@ 2.128 discouraged? Or should this specification remain neutral on the 2.129 topic, since there are valid uses in author style sheets?</p> 2.130 2.131 -<p id="url-of-doc">The <dfn>URL of the document being styled</dfn> is 2.132 +<p id='"url-of-doc"'>The <dfn>URL of the document being styled</dfn> is 2.133 the URI at which the document is located, excluding any fragment 2.134 identifiers. (This means, for example, that HTTP redirects have been 2.135 followed.) If the styles are being applied inside a complete document 2.136 @@ -638,7 +638,7 @@ 2.137 permitted:</p> 2.138 2.139 <dl> 2.140 - <dt><dfn id="url-exact" title="url()|URL matching functions::exact"><url></dfn></dt> 2.141 + <dt><dfn id='"url-exact"' title="url()|URL matching functions::exact"><url></dfn></dt> 2.142 2.143 <dd> 2.144 <p>The 'url()' function is the <dfn>exact url matching 2.145 @@ -663,7 +663,7 @@ 2.146 </div> 2.147 </dd> 2.148 2.149 - <dt><dfn id="url-prefix" title="url-prefix()|URL matching functions::prefix">url-prefix(<string>)</dfn></dt> 2.150 + <dt><dfn id='"url-prefix"' title="url-prefix()|URL matching functions::prefix">url-prefix(<string>)</dfn></dt> 2.151 2.152 <dd> 2.153 <p>The 'url-prefix()' function is the <dfn>url prefix 2.154 @@ -686,7 +686,7 @@ 2.155 </div> 2.156 </dd> 2.157 2.158 - <dt><dfn id="url-domain" title="domain()|URL matching functions::domain">domain(<string>)</dfn></dt> 2.159 + <dt><dfn id='"url-domain"' title="domain()|URL matching functions::domain">domain(<string>)</dfn></dt> 2.160 2.161 <dd> 2.162 <p>The 'domain()' function is the <dfn>domain 2.163 @@ -711,7 +711,7 @@ 2.164 </div> 2.165 </dd> 2.166 2.167 - <dt><dfn id="url-regexp" title="regexp()|URL matching functions::regular expression">regexp(<string>)</dfn></dt> 2.168 + <dt><dfn id='"url-regexp"' title="regexp()|URL matching functions::regular expression">regexp(<string>)</dfn></dt> 2.169 2.170 <dd> 2.171 <p>The contents of the <string> argument <strong>must</strong> 2.172 @@ -760,7 +760,7 @@ 2.173 2.174 <div class="issue">This syntax doesn't offer any ability to do negations, 2.175 which has been requested in <a 2.176 -href="https://bugzilla.mozilla.org/show_bug.cgi?id=349813">Mozilla bug 2.177 +href="https://bugzilla.mozilla.org/show_bug.cgi?id='349813"'>Mozilla bug 2.178 349813</a>. Use cases that people have wanted negations for 2.179 include: 2.180 <ul> 2.181 @@ -784,9 +784,9 @@ 2.182 : (URI | FUNCTION) S* 2.183 ;</pre> 2.184 2.185 -<h2 id="apis">APIs</h2> 2.186 +<h2 id='"apis"'>APIs</h2> 2.187 2.188 -<h3 id='extentions-to-cssrule-interface'> 2.189 +<h3 id=''extentions-to-cssrule-interface''> 2.190 Extensions to the <code>CSSRule</code> interface</h3> 2.191 2.192 <p>The <code>CSSRule</code> interface is extended as follows: 2.193 @@ -797,7 +797,7 @@ 2.194 }</pre> 2.195 2.196 2.197 -<h3 id="the-csssupportsrule-interface"> 2.198 +<h3 id='"the-csssupportsrule-interface"'> 2.199 The <code>CSSSupportsRule</code> interface</h3> 2.200 2.201 <p class="issue">Should there be an interface containing the methods 2.202 @@ -851,7 +851,7 @@ 2.203 <p class='issue'>Define the CSSDocumentRule interface. 2.204 2.205 2.206 -<h3 id="window-api">supportsCSS() function</h3> 2.207 +<h3 id='"window-api"'>supportsCSS() function</h3> 2.208 2.209 <pre class='idl'>partial interface Window { 2.210 boolean supportsCSS (DOMString property, DOMString value); 2.211 @@ -861,9 +861,9 @@ 2.212 if the implementation <i>supports</i> the value given by <var>value</var> for 2.213 the property given by <var>property</var>, and <code>false</code> otherwise. 2.214 2.215 -<h2 id="conformance">Conformance</h2> 2.216 +<h2 id='"conformance"'>Conformance</h2> 2.217 2.218 -<h3 id="base-modules">Base Modules</h3> 2.219 +<h3 id='"base-modules"'>Base Modules</h3> 2.220 2.221 <p>This specification defines conformance in terms of base modules, 2.222 which are modules that this specification builds on top of. The base 2.223 @@ -893,22 +893,22 @@ 2.224 treat such syntax as invalid does not make a processor 2.225 nonconformant.</p> 2.226 2.227 -<h3 id="conformance-classes">Conformance Classes</h3> 2.228 +<h3 id='"conformance-classes"'>Conformance Classes</h3> 2.229 2.230 <p>Conformance to the CSS Conditional Rules Module is defined for three 2.231 conformance classes: 2.232 <dl> 2.233 - <dt><dfn title="conformance::style sheet" id="conform-style-sheet">style sheet</dfn> 2.234 + <dt><dfn title="conformance::style sheet" id='"conform-style-sheet"'>style sheet</dfn> 2.235 <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS 2.236 style sheet</a>.</dd> 2.237 - <dt><dfn title="conformance::processor" id="conform-processor">processor</dfn></dt> 2.238 + <dt><dfn title="conformance::processor" id='"conform-processor"'>processor</dfn></dt> 2.239 <dd>A tool that reads CSS style sheets: it may be a renderer or 2.240 <a 2.241 href="http://www.w3.org/TR/CSS21/conform.html#user-agent">user-agent</a> 2.242 that interprets the semantics of a style sheet and renders 2.243 documents that use style sheets, or it may be a validator that 2.244 checks style sheets.</dd> 2.245 - <dt><dfn title="conformance::authoring tool" id="conform-authoring-tool">authoring tool</dfn></dt> 2.246 + <dt><dfn title="conformance::authoring tool" id='"conform-authoring-tool"'>authoring tool</dfn></dt> 2.247 <dd>A tool that writes a style sheet.</dd> 2.248 </dl> 2.249 2.250 @@ -930,7 +930,7 @@ 2.251 if it writes style sheets that conform to the module and (if it reads 2.252 CSS) it is a conformant processor.</p> 2.253 2.254 -<h3 id="partial"> 2.255 +<h3 id='"partial"'> 2.256 Partial Implementations</h3> 2.257 2.258 <p>So that authors can exploit the forward-compatible parsing rules to 2.259 @@ -944,7 +944,7 @@ 2.260 (as unsupported values must be), CSS requires that the entire declaration 2.261 be ignored.</p> 2.262 2.263 -<h3 id="experimental">Experimental Implementations</h3> 2.264 +<h3 id='"experimental"'>Experimental Implementations</h3> 2.265 2.266 <p>To avoid clashes with future CSS features, the CSS specifications 2.267 reserve a <a href="http://www.w3.org/TR/CSS21/syndata.html#vendor-keywords">prefixed 2.268 @@ -956,7 +956,7 @@ 2.269 should implement the non-prefixed syntax for any feature they consider to 2.270 be correctly implemented according to spec.</p> 2.271 2.272 -<h3 id="cr-exit-criteria">CR Exit Criteria</h3> 2.273 +<h3 id='"cr-exit-criteria"'>CR Exit Criteria</h3> 2.274 2.275 <p>For this specification to be advanced to Proposed Recommendation, 2.276 there must be at least two independent, interoperable implementations 2.277 @@ -1004,7 +1004,7 @@ 2.278 <p>The specification will remain Candidate Recommendation for at least 2.279 six months. 2.280 2.281 -<h2 class=no-num id=grammar>Grammar</h2> 2.282 +<h2 class=no-num id='grammar'>Grammar</h2> 2.283 2.284 <p>In order to allow these new @-rules in CSS style sheets, this 2.285 specification modifies the <code>stylesheet</code> production in the <a 2.286 @@ -1014,7 +1014,7 @@ 2.287 and additionally inserting <code>| supports_rule | document_rule</code> 2.288 alongside <code>ruleset | media | page</code>.</p> 2.289 2.290 -<h2 class=no-num id=acknowledgments>Acknowledgments</h2> 2.291 +<h2 class=no-num id='acknowledgments'>Acknowledgments</h2> 2.292 2.293 <p> 2.294 Thanks to the ideas and feedback from 2.295 @@ -1036,16 +1036,16 @@ 2.296 2.297 </p> 2.298 2.299 -<h2 class=no-num id=references>References</h2> 2.300 +<h2 class=no-num id='references'>References</h2> 2.301 2.302 2.303 -<h3 class="no-num" id="normative-references">Normative references</h3> 2.304 +<h3 class="no-num" id='"normative-references"'>Normative references</h3> 2.305 <!--normative--> 2.306 2.307 -<h3 class="no-num" id="other-references">Other references</h3> 2.308 +<h3 class="no-num" id='"other-references"'>Other references</h3> 2.309 <!--informative--> 2.310 2.311 -<h2 class="no-num" id="index">Index</h2> 2.312 +<h2 class="no-num" id='"index"'>Index</h2> 2.313 <!--index--> 2.314 2.315 </body>