|
56 | 56 | </p> |
57 | 57 | <h1 class="p-name no-ref" id=title>CSS Custom Properties for Cascading Variables Module Level 1</h1> |
58 | 58 | <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft, |
59 | | - <span class=dt-updated><span class=value-title title=20140610>10 June 2014</span></span></span></h2> |
60 | | - <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css-variables/>http://dev.w3.org/csswg/css-variables/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css-variables-1/>http://www.w3.org/TR/css-variables-1/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-variables/>http://dev.w3.org/csswg/css-variables/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2013/WD-css-variables-1-20130620/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-1-20130620/</a><dd><a href=http://www.w3.org/TR/2013/WD-css-variables-20130312/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-20130312/</a><dd><a href=http://www.w3.org/TR/2012/WD-css-variables-20120410/ rel=previous>http://www.w3.org/TR/2012/WD-css-variables-20120410/</a> |
61 | | - <dt>Feedback:</dt> |
62 | | - <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-variables%5D%20feedback">www-style@w3.org</a> |
| 59 | + <span class=dt-updated><span class=value-title title=20140715>15 July 2014</span></span></span></h2> |
| 60 | + <div data-fill-with=spec-metadata><dl> |
| 61 | + <dt>This version: |
| 62 | + <dd><a class=u-url href=http://dev.w3.org/csswg/css-variables/>http://dev.w3.org/csswg/css-variables/</a> |
| 63 | + <dt>Latest version: |
| 64 | + <dd><a href=http://www.w3.org/TR/css-variables-1/>http://www.w3.org/TR/css-variables-1/</a> |
| 65 | + <dt>Previous Versions: |
| 66 | + <dd><dd><a href=http://www.w3.org/TR/2013/WD-css-variables-1-20130620/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-1-20130620/</a> |
| 67 | + <dd><dd><a href=http://www.w3.org/TR/2013/WD-css-variables-20130312/ rel=previous>http://www.w3.org/TR/2013/WD-css-variables-20130312/</a> |
| 68 | + <dd><dd><a href=http://www.w3.org/TR/2012/WD-css-variables-20120410/ rel=previous>http://www.w3.org/TR/2012/WD-css-variables-20120410/</a> |
| 69 | + <dt>Feedback: |
| 70 | + <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-variables%5D%20feedback">www-style@w3.org</a> |
63 | 71 | with subject line |
64 | | - “<kbd>[css-variables] <var>… message topic …</var></kbd>”(<a href=http://lists.w3.org/Archives/Public/www-style/ rel=discussion>archives</a>)<dt>Test Suite:<dd><a href=http://test.csswg.org/suites/css-variables-1_dev/nightly-unstable/>http://test.csswg.org/suites/css-variables-1_dev/nightly-unstable/</a><dt>Editors: |
65 | | -<dd class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://xanthir.com/contact>Tab Atkins Jr.</a> (<span class="p-org org">Google</span>)<dt>Date:<dd>2014-05-06</dl></div> |
| 72 | + “<kbd>[css-variables] <var>… message topic …</var></kbd>”(<a href=http://lists.w3.org/Archives/Public/www-style/ rel=discussion>archives</a>) |
| 73 | + <dt>Test Suite: |
| 74 | + <dd><a href=http://test.csswg.org/suites/css-variables-1_dev/nightly-unstable/>http://test.csswg.org/suites/css-variables-1_dev/nightly-unstable/</a> |
| 75 | + <dt>Editor: |
| 76 | + <dd><dd class="p-author h-card vcard"><a class="p-name fn u-url url" href=http://xanthir.com/contact>Tab Atkins Jr.</a> (<span class="p-org org">Google</span>) |
| 77 | + <dt>Date: |
| 78 | + <dd>2014-05-06 |
| 79 | +</dl> |
| 80 | +</div> |
66 | 81 | <div data-fill-with=warning></div> |
67 | 82 | <p class=copyright data-fill-with=copyright><a href=http://www.w3.org/Consortium/Legal/ipr-notice#Copyright>Copyright</a> © 2014 <a href=http://www.w3.org/><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href=http://www.csail.mit.edu/><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href=http://www.ercim.eu/><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href=http://www.keio.ac.jp/>Keio</a>, <a href=http://ev.buaa.edu.cn/>Beihang</a>), All Rights Reserved. W3C <a href=http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer>liability</a>, <a href=http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks>trademark</a> and <a href=http://www.w3.org/Consortium/Legal/copyright-documents>document use</a> rules apply. |
68 | 83 | </p> |
69 | 84 | <hr title="Separator for header"> |
70 | 85 | </div> |
71 | 86 |
|
72 | 87 | <h2 class="no-num no-toc no-ref heading settled heading" id=abstract><span class=content>Abstract</span></h2> |
73 | | -<p class=p-summary data-fill-with=abstract>This module introduces cascading variables as a new primitive value type that is accepted by all CSS properties, and custom properties for defining them. |
| 88 | +<div class=p-summary data-fill-with=abstract><p>This module introduces cascading variables as a new primitive value type that is accepted by all CSS properties, and custom properties for defining them.</p> |
| 89 | + |
74 | 90 | <a href=http://www.w3.org/TR/CSS/>CSS</a> is a language for describing the rendering of structured documents |
75 | 91 | (such as HTML and XML) |
76 | | -on screen, on paper, in speech, etc.</p> |
| 92 | +on screen, on paper, in speech, etc.</div> |
77 | 93 |
|
78 | 94 | <h2 class="no-num no-toc no-ref heading settled heading" id=status><span class=content>Status of this document</span></h2> |
79 | 95 | <div data-fill-with=status><p> |
@@ -108,33 +124,33 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=status><span class=c |
108 | 124 |
|
109 | 125 | <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class=content>Table of Contents</span></h2> |
110 | 126 | <div data-fill-with=table-of-contents><ul class=toc> |
111 | | - <li><a href=#intro><span class=secno>1</span> Introduction</a> |
112 | | - <li><a href=#defining-variables><span class=secno>2</span> Defining Custom Properties: the '--*' family of properties</a> |
| 127 | + <li><a href=#intro><span class=secno>1</span> Introduction</a> |
| 128 | + <li><a href=#defining-variables><span class=secno>2</span> Defining Custom Properties: the '--*' family of properties</a> |
113 | 129 | <ul class=toc> |
114 | | - <li><a href=#syntax><span class=secno>2.1</span> Custom Property Value Syntax</a> |
115 | | - <li><a href=#cycles><span class=secno>2.2</span> Resolving Dependency Cycles</a></ul> |
116 | | - <li><a href=#using-variables><span class=secno>3</span> Using Cascading Variables: the <span class=css data-link-type=maybe title=var()>var()</span> notation</a> |
| 130 | + <li><a href=#syntax><span class=secno>2.1</span> Custom Property Value Syntax</a> |
| 131 | + <li><a href=#cycles><span class=secno>2.2</span> Resolving Dependency Cycles</a></ul> |
| 132 | + <li><a href=#using-variables><span class=secno>3</span> Using Cascading Variables: the <span class=css data-link-type=maybe title=var()>var()</span> notation</a> |
117 | 133 | <ul class=toc> |
118 | | - <li><a href=#invalid-variables><span class=secno>3.1</span> Invalid Variables</a> |
119 | | - <li><a href=#variables-in-shorthands><span class=secno>3.2</span> Variables in Shorthand Properties</a></ul> |
120 | | - <li><a href=#apis><span class=secno>4</span> APIs</a> |
| 134 | + <li><a href=#invalid-variables><span class=secno>3.1</span> Invalid Variables</a> |
| 135 | + <li><a href=#variables-in-shorthands><span class=secno>3.2</span> Variables in Shorthand Properties</a></ul> |
| 136 | + <li><a href=#apis><span class=secno>4</span> APIs</a> |
121 | 137 | <ul class=toc> |
122 | | - <li><a href=#serializing-custom-props><span class=secno>4.1</span> Serializing Custom Properties</a></ul> |
123 | | - <li><a href=#changes><span class=secno>5</span> Changes since the June 20 2013 Last Call Working Draft</a> |
124 | | - <li><a href=#acks><span class=secno>6</span> Acknowledgments</a> |
125 | | - <li><a href=#conformance><span class=secno></span> Conformance</a> |
| 138 | + <li><a href=#serializing-custom-props><span class=secno>4.1</span> Serializing Custom Properties</a></ul> |
| 139 | + <li><a href=#changes><span class=secno>5</span> Changes since the June 20 2013 Last Call Working Draft</a> |
| 140 | + <li><a href=#acks><span class=secno>6</span> Acknowledgments</a> |
| 141 | + <li><a href=#conformance><span class=secno></span> Conformance</a> |
126 | 142 | <ul class=toc> |
127 | | - <li><a href=#conventions><span class=secno></span> Document conventions</a> |
128 | | - <li><a href=#conformance-classes><span class=secno></span> Conformance classes</a> |
129 | | - <li><a href=#partial><span class=secno></span> Partial implementations</a> |
130 | | - <li><a href=#experimental><span class=secno></span> Experimental implementations</a> |
131 | | - <li><a href=#testing><span class=secno></span> Non-experimental implementations</a></ul> |
132 | | - <li><a href=#references><span class=secno></span> References</a> |
| 143 | + <li><a href=#conventions><span class=secno></span> Document conventions</a> |
| 144 | + <li><a href=#conformance-classes><span class=secno></span> Conformance classes</a> |
| 145 | + <li><a href=#partial><span class=secno></span> Partial implementations</a> |
| 146 | + <li><a href=#experimental><span class=secno></span> Experimental implementations</a> |
| 147 | + <li><a href=#testing><span class=secno></span> Non-experimental implementations</a></ul> |
| 148 | + <li><a href=#references><span class=secno></span> References</a> |
133 | 149 | <ul class=toc> |
134 | | - <li><a href=#normative><span class=secno></span> Normative References</a> |
135 | | - <li><a href=#informative><span class=secno></span> Informative References</a></ul> |
136 | | - <li><a href=#index><span class=secno></span> Index</a> |
137 | | - <li><a href=#property-index><span class=secno></span> Property index</a></ul></div> |
| 150 | + <li><a href=#normative><span class=secno></span> Normative References</a> |
| 151 | + <li><a href=#informative><span class=secno></span> Informative References</a></ul> |
| 152 | + <li><a href=#index><span class=secno></span> Index</a> |
| 153 | + <li><a href=#property-index><span class=secno></span> Property index</a></ul></div> |
138 | 154 |
|
139 | 155 |
|
140 | 156 |
|
@@ -683,7 +699,7 @@ <h2 class="heading settled heading" data-level=4 id=apis><span class=secno>4 </s |
683 | 699 | because their names may have both upper and lower case letters |
684 | 700 | which indicate distinct custom properties. |
685 | 701 | The sort of text transformation that automatic camel-casing performs is incompatible with this. |
686 | | - They can still be accessed by their proper name via <a class=idl-code data-link-type=method title=getproperty()>getProperty()</a>/etc.</p> |
| 702 | + They can still be accessed by their proper name via <a class=idl-code data-link-type=method title=getpropertyvalue()>getPropertyValue()</a>/etc.</p> |
687 | 703 |
|
688 | 704 | <h3 class="heading settled heading" data-level=4.1 id=serializing-custom-props><span class=secno>4.1 </span><span class=content> |
689 | 705 | Serializing Custom Properties</span><a class=self-link href=#serializing-custom-props></a></h3> |
@@ -758,6 +774,14 @@ <h3 class="no-ref heading settled heading" id=conventions><span class=content> |
758 | 774 |
|
759 | 775 | <p class=note>Note, this is an informative note.</p> |
760 | 776 |
|
| 777 | + <p>Advisements are normative sections styled to evoke special attention and are |
| 778 | + set apart from other normative text with <code><strong class="advisement"></code>, like |
| 779 | + this: |
| 780 | + |
| 781 | + <strong class=advisement> |
| 782 | + UAs MUST provide an accessible alternative. |
| 783 | + </strong> |
| 784 | + |
761 | 785 | <h3 class="no-ref heading settled heading" id=conformance-classes><span class=content> |
762 | 786 | Conformance classes</span><a class=self-link href=#conformance-classes></a></h3> |
763 | 787 |
|
|
0 commit comments