|
1 | 1 | <!DOCTYPE html> |
2 | 2 |
|
3 | 3 | <html lang=en> |
4 | | - <head profile="http://dublincore.org/documents/2008/08/04/dc-html/ "> |
| 4 | + <head> |
5 | 5 | <meta content="text/html; charset=utf-8" http-equiv=Content-Type> |
6 | 6 | <title>CSS Cascading Variables Module Level 1</title> |
7 | | - |
8 | | - <link href="http://purl.org/dc/terms/" rel=schema.DC> |
9 | | - <meta content="CSS Cascading Variables Module Level 1" name=DC.title> |
10 | | - <meta content=text name=DC.type> |
11 | | - <meta content=2012-09-01 name=DC.issued> |
12 | | - <meta content="http://dev.w3.org/csswg/css-variables/" name=DC.creator> |
13 | | - <meta content=W3C name=DC.publisher> |
14 | | - <meta content="http://www.w3.org/TR/2012/ED-css-variables-20120901/" |
15 | | - name=DC.identifier> |
16 | | - <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" |
17 | | - rel=DC.rights> |
| 7 | + <!-- |
| 8 | + <link href="http://purl.org/dc/terms/" rel="schema.dcterms"> |
| 9 | + <link href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" rel="dcterms.rights"> |
| 10 | + --> |
| 11 | + |
| 12 | + <meta content="CSS Cascading Variables Module Level 1" name=dcterms.title> |
| 13 | + <meta content=text name=dcterms.type> |
| 14 | + <meta content=2012-12-18 name=dcterms.issued> |
| 15 | + <meta content="http://dev.w3.org/csswg/css-variables/" |
| 16 | + name=dcterms.creator> |
| 17 | + <meta content=W3C name=dcterms.publisher> |
| 18 | + <meta content="http://www.w3.org/TR/2012/ED-css-variables-20121218/" |
| 19 | + name=dcterms.identifier> |
18 | 20 | <link href="../default.css" rel=stylesheet type="text/css"> |
19 | 21 | <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet |
20 | 22 | type="text/css"> |
|
26 | 28 |
|
27 | 29 | <h1>CSS Cascading Variables Module Level 1</h1> |
28 | 30 |
|
29 | | - <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 September |
| 31 | + <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 18 December |
30 | 32 | 2012</h2> |
31 | 33 |
|
32 | 34 | <dl> |
33 | 35 | <dt>This version: |
34 | | - <!--<dd><a href="http://www.w3.org/TR/2012/WD-css-variables-20120901/">http://www.w3.org/TR/2012/ED-css-variables-20120901/</a>--> |
| 36 | + <!--<dd><a href="http://www.w3.org/TR/2012/WD-css-variables-20121218/">http://www.w3.org/TR/2012/ED-css-variables-20121218/</a>--> |
35 | 37 |
|
36 | 38 | <dd><a href="http://dev.w3.org/csswg/css-variables/">Editor's draft</a> |
37 | | - (version of 1 September 2012) |
| 39 | + (version of 18 December 2012) |
38 | 40 |
|
39 | 41 | <dt>Latest version: |
40 | 42 |
|
@@ -524,7 +526,7 @@ <h2 id=using-variables><span class=secno>3. </span> Using Cascading |
524 | 526 | <pre><dfn |
525 | 527 | id=default-var-type><variable></dfn> = var( <var>variable-name</var> [, <var><fallback></var> ]? )</pre> |
526 | 528 |
|
527 | | - <p> A variable can be used in place of any component value in any property |
| 529 | + <p> A variable can be used in place of any part of a value in any property |
528 | 530 | on an element. Variables can not be used as property names, selectors, or |
529 | 531 | anything else besides property values. (Doing so usually produces invalid |
530 | 532 | syntax, or else a value whose meaning has no connection to the variable.) |
@@ -557,8 +559,8 @@ <h2 id=using-variables><span class=secno>3. </span> Using Cascading |
557 | 559 | class=css>margin-top: 20px;</code>’. Instead, the second declaration is |
558 | 560 | simply thrown away as a syntax error for having an invalid property name. |
559 | 561 |
|
560 | | - <p> Similarly, you can't build up a single component value where part of |
561 | | - it is provided by a variable: |
| 562 | + <p> Similarly, you can't build up a single token where part of it is |
| 563 | + provided by a variable: |
562 | 564 |
|
563 | 565 | <pre><!-- |
564 | 566 | -->.foo { |
@@ -710,8 +712,9 @@ <h3 id=the-cssvariablesdeclaration-interface><span class=secno>4.2. </span> |
710 | 712 | <p> The <dfn |
711 | 713 | id=cssvariablesdeclaration><code>CSSVariablesDeclaration</code></dfn> |
712 | 714 | interface exposes the <a href="#custom-property"><i>custom |
713 | | - properties</i></a> declared in the block, in a more convenient fashion |
714 | | - than the <code>getPropertyValue()</code>/etc. functions. |
| 715 | + properties</i></a> declared in the parent declaration block, in a more |
| 716 | + convenient fashion than the <code>getPropertyValue()</code>/etc. |
| 717 | + functions. |
715 | 718 |
|
716 | 719 | <pre class=idl> |
717 | 720 | interface CSSVariablesDeclaration { |
@@ -949,20 +952,20 @@ <h3 class=no-num id=normative-references>Normative references</h3> |
949 | 952 | <dt id=CSS21>[CSS21] |
950 | 953 |
|
951 | 954 | <dd>Bert Bos; et al. <a |
952 | | - href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style |
| 955 | + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/"><cite>Cascading Style |
953 | 956 | Sheets Level 2 Revision 1 (CSS 2.1) Specification.</cite></a> 7 June |
954 | 957 | 2011. W3C Recommendation. URL: <a |
955 | | - href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a> |
| 958 | + href="http://www.w3.org/TR/2011/REC-CSS2-20110607/">http://www.w3.org/TR/2011/REC-CSS2-20110607/</a> |
956 | 959 | </dd> |
957 | 960 | <!----> |
958 | 961 |
|
959 | 962 | <dt id=CSS3VAL>[CSS3VAL] |
960 | 963 |
|
961 | 964 | <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a |
962 | | - href="http://www.w3.org/TR/2012/WD-css3-values-20120308/"><cite>CSS |
963 | | - Values and Units Module Level 3.</cite></a> 8 March 2012. W3C Working |
964 | | - Draft. (Work in progress.) URL: <a |
965 | | - href="http://www.w3.org/TR/2012/WD-css3-values-20120308/">http://www.w3.org/TR/2012/WD-css3-values-20120308/</a> |
| 965 | + href="http://www.w3.org/TR/2012/CR-css3-values-20120828/"><cite>CSS |
| 966 | + Values and Units Module Level 3.</cite></a> 28 August 2012. W3C Candidate |
| 967 | + Recommendation. (Work in progress.) URL: <a |
| 968 | + href="http://www.w3.org/TR/2012/CR-css3-values-20120828/">http://www.w3.org/TR/2012/CR-css3-values-20120828/</a> |
966 | 969 | </dd> |
967 | 970 | <!----> |
968 | 971 |
|
@@ -1001,60 +1004,61 @@ <h2 class=no-num id=index>Index</h2> |
1001 | 1004 |
|
1002 | 1005 | <ul class=indexlist> |
1003 | 1006 | <li>authoring tool, <a href="#authoring-tool" |
1004 | | - title="authoring tool"><strong>5.2.</strong></a> |
| 1007 | + title="section 5.2."><strong>5.2.</strong></a> |
1005 | 1008 |
|
1006 | 1009 | <li>cascading variable, <a href="#cascading-variable" |
1007 | | - title="cascading variable"><strong>2.</strong></a> |
| 1010 | + title="section 2."><strong>2.</strong></a> |
1008 | 1011 |
|
1009 | 1012 | <li>creator, <a href="#cssvariablesdeclaration-creator" |
1010 | | - title=creator><strong>4.2.</strong></a> |
| 1013 | + title="section 4.2."><strong>4.2.</strong></a> |
1011 | 1014 |
|
1012 | 1015 | <li><a href="#cssstyledeclaration"><code>CSSStyleDeclaration</code></a>, |
1013 | 1016 | <a href="#cssstyledeclaration" |
1014 | | - title=CSSStyleDeclaration><strong>4.1.</strong></a> |
| 1017 | + title="section 4.1."><strong>4.1.</strong></a> |
1015 | 1018 |
|
1016 | 1019 | <li><a |
1017 | 1020 | href="#cssvariablesdeclaration"><code>CSSVariablesDeclaration</code></a>, |
1018 | 1021 | <a href="#cssvariablesdeclaration" |
1019 | | - title=CSSVariablesDeclaration><strong>4.2.</strong></a> |
| 1022 | + title="section 4.2."><strong>4.2.</strong></a> |
1020 | 1023 |
|
1021 | 1024 | <li>custom properties, <a href="#custom-property" |
1022 | | - title="custom properties"><strong>2.</strong></a> |
| 1025 | + title="section 2."><strong>2.</strong></a> |
1023 | 1026 |
|
1024 | 1027 | <li>custom property, <a href="#custom-property" |
1025 | | - title="custom property"><strong>2.</strong></a> |
| 1028 | + title="section 2."><strong>2.</strong></a> |
1026 | 1029 |
|
1027 | 1030 | <li>deleter, <a href="#cssvariablesdeclaration-deleter" |
1028 | | - title=deleter><strong>4.2.</strong></a> |
| 1031 | + title="section 4.2."><strong>4.2.</strong></a> |
1029 | 1032 |
|
1030 | 1033 | <li>getter, <a href="#cssvariablesdeclaration-getter" |
1031 | | - title=getter><strong>4.2.</strong></a> |
| 1034 | + title="section 4.2."><strong>4.2.</strong></a> |
1032 | 1035 |
|
1033 | 1036 | <li>invalid at computed-value time, <a |
1034 | 1037 | href="#invalid-at-computed-value-time" |
1035 | | - title="invalid at computed-value time"><strong>3.1.</strong></a> |
| 1038 | + title="section 3.1."><strong>3.1.</strong></a> |
1036 | 1039 |
|
1037 | 1040 | <li>invalid variable, <a href="#invalid-variable" |
1038 | | - title="invalid variable"><strong>3.1.</strong></a> |
| 1041 | + title="section 3.1."><strong>3.1.</strong></a> |
1039 | 1042 |
|
1040 | | - <li>renderer, <a href="#renderer" title=renderer><strong>5.2.</strong></a> |
| 1043 | + <li>renderer, <a href="#renderer" |
| 1044 | + title="section 5.2."><strong>5.2.</strong></a> |
1041 | 1045 |
|
1042 | 1046 | <li>setter, <a href="#cssvariablesdeclaration-setter" |
1043 | | - title=setter><strong>4.2.</strong></a> |
| 1047 | + title="section 4.2."><strong>4.2.</strong></a> |
1044 | 1048 |
|
1045 | 1049 | <li>style sheet |
1046 | 1050 | <ul> |
1047 | 1051 | <li>as conformance class, <a href="#style-sheet" |
1048 | | - title="style sheet, as conformance class"><strong>5.2.</strong></a> |
| 1052 | + title="section 5.2."><strong>5.2.</strong></a> |
1049 | 1053 | </ul> |
1050 | 1054 |
|
1051 | | - <li>var-*, <a href="#var-" title="var-*"><strong>2.</strong></a> |
| 1055 | + <li>var-*, <a href="#var-" title="section 2."><strong>2.</strong></a> |
1052 | 1056 |
|
1053 | 1057 | <li>variable, <a href="#cascading-variable" |
1054 | | - title=variable><strong>2.</strong></a> |
| 1058 | + title="section 2."><strong>2.</strong></a> |
1055 | 1059 |
|
1056 | 1060 | <li><variable>, <a href="#default-var-type" |
1057 | | - title="<variable>"><strong>3.</strong></a> |
| 1061 | + title="section 3."><strong>3.</strong></a> |
1058 | 1062 | </ul> |
1059 | 1063 | <!--end-index--> |
1060 | 1064 |
|
@@ -1082,11 +1086,11 @@ <h2 class=no-num id=property-index>Property index</h2> |
1082 | 1086 | <tr> |
1083 | 1087 | <th><a class=property href="#var-">var-*</a> |
1084 | 1088 |
|
1085 | | - <td> |
| 1089 | + <td><value> |
1086 | 1090 |
|
1087 | 1091 | <td>(nothing, see prose) |
1088 | 1092 |
|
1089 | | - <td>all elements |
| 1093 | + <td> |
1090 | 1094 |
|
1091 | 1095 | <td>yes |
1092 | 1096 |
|
|
0 commit comments