servo/tests/wpt/css-tests/css-variables-1_dev/html/reftest-toc.htm
Ms2ger 296fa2512b Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180.
- Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
2017-02-06 22:38:29 +01:00

1446 lines
72 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>CSS Custom Properties Level 1 CR Test Suite Reftest Index</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Custom Properties Level 1 CR Test Suite Reftest Index</h1>
<table width="100%">
<col id="test-column">
<col id="ref-column">
<col id="flags-column">
<thead>
<tr>
<th>Test</th>
<th>Reference</th>
<th>Flags</th>
</tr>
</thead>
<tbody id="css-vars-custom-property-case-sensitive-001" class="">
<tr>
<td rowspan="1" title="custom property names are case-sensitive">
<a href="css-vars-custom-property-case-sensitive-001.htm">css-vars-custom-property-case-sensitive-001</a></td>
<td><a href="reference/css-vars-custom-property-case-sensitive-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="css-vars-custom-property-inheritance" class="">
<tr>
<td rowspan="1" title="custom properties use normal inheritance and cascade rules">
<a href="css-vars-custom-property-inheritance.htm">css-vars-custom-property-inheritance</a></td>
<td><a href="reference/css-vars-custom-property-inheritance-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-01" class="">
<tr>
<td rowspan="1" title="Test declaring a variable consisting of a single token preceded by white space.">
<a href="variable-declaration-01.htm">variable-declaration-01</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-02" class="">
<tr>
<td rowspan="1" title="Test declaring a variable consisting of a single token with no preceding white space.">
<a href="variable-declaration-02.htm">variable-declaration-02</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-03" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that references another variable.">
<a href="variable-declaration-03.htm">variable-declaration-03</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-04" class="">
<tr>
<td rowspan="1" title="Test declaring a variable consisting of a variable reference followed by white space.">
<a href="variable-declaration-04.htm">variable-declaration-04</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-05" class="">
<tr>
<td rowspan="1" title="Test declaring a variable consisting of a variable reference that includes white space around the variable name.">
<a href="variable-declaration-05.htm">variable-declaration-05</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-06" class="">
<tr>
<td rowspan="1" title="Test overriding an existing variable declaration.">
<a href="variable-declaration-06.htm">variable-declaration-06</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-07" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.">
<a href="variable-declaration-07.htm">variable-declaration-07</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-08" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a variable reference whose fallback is white space.">
<a href="variable-declaration-08.htm">variable-declaration-08</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-09" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.">
<a href="variable-declaration-09.htm">variable-declaration-09</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-10" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.">
<a href="variable-declaration-10.htm">variable-declaration-10</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-11" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.">
<a href="variable-declaration-11.htm">variable-declaration-11</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-12" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.">
<a href="variable-declaration-12.htm">variable-declaration-12</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-13" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with invalid syntax due to a variable reference having &quot;!important&quot; the top level of its fallback.">
<a href="variable-declaration-13.htm">variable-declaration-13</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-14" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.">
<a href="variable-declaration-14.htm">variable-declaration-14</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-15" class="ahem">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list.">
<a href="variable-declaration-15.htm">variable-declaration-15</a></td>
<td><a href="reference/variable-declaration-15-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="variable-declaration-16" class="ahem">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.">
<a href="variable-declaration-16.htm">variable-declaration-16</a></td>
<td><a href="reference/variable-declaration-16-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="variable-declaration-17" class="ahem">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.">
<a href="variable-declaration-17.htm">variable-declaration-17</a></td>
<td><a href="reference/variable-declaration-17-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="variable-declaration-18" class="ahem">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.">
<a href="variable-declaration-18.htm">variable-declaration-18</a></td>
<td><a href="reference/variable-declaration-18-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="variable-declaration-19" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a function where one of the arguments is a variable reference.">
<a href="variable-declaration-19.htm">variable-declaration-19</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-20" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with &quot;!important&quot;.">
<a href="variable-declaration-20.htm">variable-declaration-20</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-21" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.">
<a href="variable-declaration-21.htm">variable-declaration-21</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-22" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.">
<a href="variable-declaration-22.htm">variable-declaration-22</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-23" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with invalid syntax due to having two &quot;!important&quot; priorities.">
<a href="variable-declaration-23.htm">variable-declaration-23</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-24" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that contains a CDO token.">
<a href="variable-declaration-24.htm">variable-declaration-24</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-25" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that contains a CDC token.">
<a href="variable-declaration-25.htm">variable-declaration-25</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-26" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that contains only a white space token.">
<a href="variable-declaration-26.htm">variable-declaration-26</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-28" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with invalid syntax due to having no tokens.">
<a href="variable-declaration-28.htm">variable-declaration-28</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-29" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with a valid custom property name &quot;--&quot;.">
<a href="variable-declaration-29.htm">variable-declaration-29</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-30" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that contains a variable reference to itself.">
<a href="variable-declaration-30.htm">variable-declaration-30</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-31" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the variable name begins with a digit.">
<a href="variable-declaration-31.htm">variable-declaration-31</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-32" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped digit.">
<a href="variable-declaration-32.htm">variable-declaration-32</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-33" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the variable name begins with an escaped letter.">
<a href="variable-declaration-33.htm">variable-declaration-33</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-34" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the variable name begins with a lone surrogate.">
<a href="variable-declaration-34.htm">variable-declaration-34</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-35" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the variable name begins with U+FFFD.">
<a href="variable-declaration-35.htm">variable-declaration-35</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-36" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.">
<a href="variable-declaration-36.htm">variable-declaration-36</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-37" class="">
<tr>
<td rowspan="1" title="Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.">
<a href="variable-declaration-37.htm">variable-declaration-37</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-38" class="">
<tr>
<td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with lowercase first.">
<a href="variable-declaration-38.htm">variable-declaration-38</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-39" class="">
<tr>
<td rowspan="1" title="Test declaring two variables in the same declaration block that differ only in case, with uppercase first.">
<a href="variable-declaration-39.htm">variable-declaration-39</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-40" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with an invalid custom property name due to it beginning with &quot;VAR-&quot;.">
<a href="variable-declaration-40.htm">variable-declaration-40</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-41" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the second '-' in the &quot;--&quot; prefix of the custom property name is escaped.">
<a href="variable-declaration-41.htm">variable-declaration-41</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-42" class="">
<tr>
<td rowspan="1" title="Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.">
<a href="variable-declaration-42.htm">variable-declaration-42</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-43" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value is &quot;initial&quot;.">
<a href="variable-declaration-43.htm">variable-declaration-43</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-44" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value is &quot;inherit&quot; where there is no variable to inherit from.">
<a href="variable-declaration-44.htm">variable-declaration-44</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-45" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value is &quot;inherit&quot; where there is a variable to inherit from.">
<a href="variable-declaration-45.htm">variable-declaration-45</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-46" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value is &quot;initial&quot; where there is a variable to inherit from.">
<a href="variable-declaration-46.htm">variable-declaration-46</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-47" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is &quot;inherit&quot;.">
<a href="variable-declaration-47.htm">variable-declaration-47</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-48" class="">
<tr>
<td rowspan="1" title="Test declaring a number of variables in a cycle.">
<a href="variable-declaration-48.htm">variable-declaration-48</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-49" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that is a dependent of a variable involved in a cycle but which itself is not involved in a cycle.">
<a href="variable-declaration-49.htm">variable-declaration-49</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-50" class="">
<tr>
<td rowspan="1" title="Test declaring a number of variables in a chain, where the final element of the chain uses its fallback.">
<a href="variable-declaration-50.htm">variable-declaration-50</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-51" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a reference to an invalid inherited variable.">
<a href="variable-declaration-51.htm">variable-declaration-51</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-52" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of a reference to an inherited variable whose value was a variable reference that used its fallback.">
<a href="variable-declaration-52.htm">variable-declaration-52</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-53" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of two variable references without fallback and with no intervening white space.">
<a href="variable-declaration-53.htm">variable-declaration-53</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-54" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of two variable references with the first variable reference using fallback and with no intervening white space.">
<a href="variable-declaration-54.htm">variable-declaration-54</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-55" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that consists of two variable references with the second variable reference using fallback and with no intervening white space.">
<a href="variable-declaration-55.htm">variable-declaration-55</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-56" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value is &quot;unset&quot; where there is no variable to inherit from.">
<a href="variable-declaration-56.htm">variable-declaration-56</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-57" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value is &quot;unset&quot; where there is a variable to inherit from.">
<a href="variable-declaration-57.htm">variable-declaration-57</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-58" class="">
<tr>
<td rowspan="1" title="Test declaring a variable whose value consists of a reference to a variable whose value is &quot;unset&quot;.">
<a href="variable-declaration-58.htm">variable-declaration-58</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-59" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with a trailing invalid token.">
<a href="variable-declaration-59.htm">variable-declaration-59</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-declaration-60" class="">
<tr>
<td rowspan="1" title="Test declaring a variable with a value whose name is &quot;initial&quot; but using Turkish dotted/dotless 'i's.">
<a href="variable-declaration-60.htm">variable-declaration-60</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-external-declaration-01" class="">
<tr>
<td rowspan="1" title="Test declaring a variable in an external CSS file.">
<a href="variable-external-declaration-01.htm">variable-external-declaration-01</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-external-font-face-01" class="ahem">
<tr>
<td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.">
<a href="variable-external-font-face-01.htm">variable-external-font-face-01</a></td>
<td><a href="reference/variable-external-font-face-01-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="variable-external-reference-01" class="">
<tr>
<td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited within an external CSS.">
<a href="variable-external-reference-01.htm">variable-external-reference-01</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-external-supports-01" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference within an external stylesheet file.">
<a href="variable-external-supports-01.htm">variable-external-supports-01</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-font-face-01" class="ahem">
<tr>
<td rowspan="1" title="Test the invalid declaration and use of a variable in an @font-face rule.">
<a href="variable-font-face-01.htm">variable-font-face-01</a></td>
<td><a href="reference/variable-font-face-01-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="variable-font-face-02" class="ahem">
<tr>
<td rowspan="1" title="Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.">
<a href="variable-font-face-02.htm">variable-font-face-02</a></td>
<td><a href="reference/variable-font-face-02-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
<tbody id="variable-reference-01" class="">
<tr>
<td rowspan="1" title="Test the use of a variable in a non-custom property where the variable value is inherited.">
<a href="variable-reference-01.htm">variable-reference-01</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-02" class="">
<tr>
<td rowspan="1" title="Test the use of a variable in a non-custom property where the value is invalid at computed-value time due to referencing a non-existent variable.">
<a href="variable-reference-02.htm">variable-reference-02</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-03" class="">
<tr>
<td rowspan="1" title="Test the use of two variables in a non-custom property where the variable values are inherited and one of the variable values consists only of white space.">
<a href="variable-reference-03.htm">variable-reference-03</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-04" class="">
<tr>
<td rowspan="1" title="Test the use of two variables in a non-custom property where one variable is inherited and the other references a non-existing variable with fallback that consists only of white space.">
<a href="variable-reference-04.htm">variable-reference-04</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-05" class="">
<tr>
<td rowspan="1" title="Test the use of a variable in a non-custom property where the values contains no tokens other than the variable reference.">
<a href="variable-reference-05.htm">variable-reference-05</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-06" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains no tokens.">
<a href="variable-reference-06.htm">variable-reference-06</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-07" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level ';' token.">
<a href="variable-reference-07.htm">variable-reference-07</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-08" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains a top level '!' token.">
<a href="variable-reference-08.htm">variable-reference-08</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-09" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level ';' token.">
<a href="variable-reference-09.htm">variable-reference-09</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-10" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a non-top level '!' token.">
<a href="variable-reference-10.htm">variable-reference-10</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-11" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to having a variable reference whose fallback contains nothing but a comment.">
<a href="variable-reference-11.htm">variable-reference-11</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-12" class="">
<tr>
<td rowspan="1" title="Test the use of variable references in the 'content' property.">
<a href="variable-reference-12.htm">variable-reference-12</a></td>
<td><a href="reference/variable-reference-12-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-13" class="">
<tr>
<td rowspan="1" title="Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block.">
<a href="variable-reference-13.htm">variable-reference-13</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-14" class="">
<tr>
<td rowspan="1" title="Test that important variable declarations cascade correctly.">
<a href="variable-reference-14.htm">variable-reference-14</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-15" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with two variable references with no intervening white space.">
<a href="variable-reference-15.htm">variable-reference-15</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-16" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference with a number of levels of variable reference fallbacks.">
<a href="variable-reference-16.htm">variable-reference-16</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-17" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that consists of a variable reference whose fallback contains a CDO token.">
<a href="variable-reference-17.htm">variable-reference-17</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-18" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and balanced braces and square brackets.">
<a href="variable-reference-18.htm">variable-reference-18</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-19" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference and a non-top level ';' token.">
<a href="variable-reference-19.htm">variable-reference-19</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-20" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose function token is in uppercase.">
<a href="variable-reference-20.htm">variable-reference-20</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-21" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name must be escaped.">
<a href="variable-reference-21.htm">variable-reference-21</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-22" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared and referenced using a lone surrogate.">
<a href="variable-reference-22.htm">variable-reference-22</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-23" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using a lone surrogate.">
<a href="variable-reference-23.htm">variable-reference-23</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-24" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a reference to a variable whose name is U+FFFD but which was declared using an out-of-range Unicode character escape.">
<a href="variable-reference-24.htm">variable-reference-24</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-25" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback and which is implicitly closed due to EOF.">
<a href="variable-reference-25.htm">variable-reference-25</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-26" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with white space before its comma and fallback consisting only of white space and which is implicitly closed due to EOF.">
<a href="variable-reference-26.htm">variable-reference-26</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-27" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with fallback consisting only of white space and which is implicitly closed due to EOF.">
<a href="variable-reference-27.htm">variable-reference-27</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-28" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference whose fallback is a variable reference, both of which are implicitly closed due to EOF.">
<a href="variable-reference-28.htm">variable-reference-28</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-29" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property that contains a variable reference with no fallback, and whose variable name is followed by a comment, and where the comment and the variable reference are implicitly closed due to EOF.">
<a href="variable-reference-29.htm">variable-reference-29</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-30" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing two &quot;!important&quot; priorities.">
<a href="variable-reference-30.htm">variable-reference-30</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-31" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with a variable reference that has a digit after the &quot;--&quot; prefix.">
<a href="variable-reference-31.htm">variable-reference-31</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-32" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad string.">
<a href="variable-reference-32.htm">variable-reference-32</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-33" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed string due to EOF.">
<a href="variable-reference-33.htm">variable-reference-33</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-34" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property with invalid syntax due to containing a variable reference with fallback that contains a bad URL.">
<a href="variable-reference-34.htm">variable-reference-34</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-35" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom property containing a variable reference with fallback is an implicitly closed URL due to EOF.">
<a href="variable-reference-35.htm">variable-reference-35</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-36" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference.">
<a href="variable-reference-36.htm">variable-reference-36</a></td>
<td><a href="reference/variable-reference-36-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-37" class="">
<tr>
<td rowspan="1" title="Test declaring a non-custom shorthand property containing a variable reference, with a subsequent property in the declaration block that overrides one of the shorthand's components.">
<a href="variable-reference-37.htm">variable-reference-37</a></td>
<td><a href="reference/variable-reference-37-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-38" class="">
<tr>
<td rowspan="1" title="Test using variables in overlapping shorthands.">
<a href="variable-reference-38.htm">variable-reference-38</a></td>
<td><a href="reference/variable-reference-38-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-39" class="">
<tr>
<td rowspan="1" title="Test declaring a variable that references itself but uses fallback.">
<a href="variable-reference-39.htm">variable-reference-39</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-40" class="">
<tr>
<td rowspan="1" title="Test that a variable reference within a gradient value in a border-image shorthand parses correctly.">
<a href="variable-reference-40.htm">variable-reference-40</a></td>
<td><a href="reference/variable-reference-40-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-reference-without-whitespace" class="">
<tr>
<td rowspan="1" title="Variable reference without whitespace">
<a href="variable-reference-without-whitespace.htm">variable-reference-without-whitespace</a></td>
<td><a href="reference/variable-reference-without-whitespace-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-01" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference and no white space tokens.">
<a href="variable-supports-01.htm">variable-supports-01</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-02" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a white space token followed by a variable reference.">
<a href="variable-supports-02.htm">variable-supports-02</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-03" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens.">
<a href="variable-supports-03.htm">variable-supports-03</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-04" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference surrounded by white space tokens and with white space surrounding the variable name.">
<a href="variable-supports-04.htm">variable-supports-04</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-05" class="">
<tr>
<td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens.">
<a href="variable-supports-05.htm">variable-supports-05</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-06" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a variable reference with fallback that is only white space.">
<a href="variable-supports-06.htm">variable-supports-06</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-07" class="">
<tr>
<td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having no fallback tokens, just a comment.">
<a href="variable-supports-07.htm">variable-supports-07</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-08" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule where the property value contains a comment and an identifier.">
<a href="variable-supports-08.htm">variable-supports-08</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-09" class="">
<tr>
<td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a '!' token at the top level of its fallback.">
<a href="variable-supports-09.htm">variable-supports-09</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-10" class="">
<tr>
<td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having &quot;!important&quot; at the top level of its fallback.">
<a href="variable-supports-10.htm">variable-supports-10</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-11" class="">
<tr>
<td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes after a non-color value.">
<a href="variable-supports-11.htm">variable-supports-11</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-12" class="">
<tr>
<td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a variable reference that comes before a non-color value.">
<a href="variable-supports-12.htm">variable-supports-12</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-13" class="">
<tr>
<td rowspan="1" title="Test a passing 'color' property declaration in an @supports rule with a range of different tokens and a variable reference not at the top level.">
<a href="variable-supports-13.htm">variable-supports-13</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-14" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference and an &quot;!important&quot; priority.">
<a href="variable-supports-14.htm">variable-supports-14</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-15" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with two adjacent variable references with no intervening white space.">
<a href="variable-supports-15.htm">variable-supports-15</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-16" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule with a variable reference that has a number of levels of variable reference fallbacks.">
<a href="variable-supports-16.htm">variable-supports-16</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-17" class="">
<tr>
<td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule with two &quot;!important&quot; priorities.">
<a href="variable-supports-17.htm">variable-supports-17</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-18" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.">
<a href="variable-supports-18.htm">variable-supports-18</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-19" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.">
<a href="variable-supports-19.htm">variable-supports-19</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-20" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.">
<a href="variable-supports-20.htm">variable-supports-20</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-21" class="">
<tr>
<td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having a ';' token at the top level of its fallback.">
<a href="variable-supports-21.htm">variable-supports-21</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-22" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.">
<a href="variable-supports-22.htm">variable-supports-22</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-23" class="">
<tr>
<td rowspan="1" title="Test a failing non-custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token.">
<a href="variable-supports-23.htm">variable-supports-23</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-24" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a non-top level ';' token in its fallback.">
<a href="variable-supports-24.htm">variable-supports-24</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-25" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference whose function token is in uppercase.">
<a href="variable-supports-25.htm">variable-supports-25</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-26" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a digit after the &quot;--&quot; variable name prefix.">
<a href="variable-supports-26.htm">variable-supports-26</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-27" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a variable name beginning with an escaped digit.">
<a href="variable-supports-27.htm">variable-supports-27</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-28" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an escaped lone surrogate.">
<a href="variable-supports-28.htm">variable-supports-28</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-29" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a U+FFFD variable name specified by an out-of-range Unicode character escape.">
<a href="variable-supports-29.htm">variable-supports-29</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-30" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with a dimension token as the variable name.">
<a href="variable-supports-30.htm">variable-supports-30</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-31" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom property declaration in an @supports rule whose value contains a variable reference with white space surrounding the fallback comma.">
<a href="variable-supports-31.htm">variable-supports-31</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-32" class="">
<tr>
<td rowspan="1" title="Test a passing non-custom shorthand property declaration in an @supports rule whose value contains a variable reference.">
<a href="variable-supports-32.htm">variable-supports-32</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-33" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference.">
<a href="variable-supports-33.htm">variable-supports-33</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-34" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference.">
<a href="variable-supports-34.htm">variable-supports-34</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-35" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space.">
<a href="variable-supports-35.htm">variable-supports-35</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-36" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space with the variable name also surrounded by white space.">
<a href="variable-supports-36.htm">variable-supports-36</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-37" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens.">
<a href="variable-supports-37.htm">variable-supports-37</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-38" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space.">
<a href="variable-supports-38.htm">variable-supports-38</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-39" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment.">
<a href="variable-supports-39.htm">variable-supports-39</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-40" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting of a comment and an identifier.">
<a href="variable-supports-40.htm">variable-supports-40</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-41" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token.">
<a href="variable-supports-41.htm">variable-supports-41</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-42" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level &quot;!important&quot;.">
<a href="variable-supports-42.htm">variable-supports-42</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-43" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference.">
<a href="variable-supports-43.htm">variable-supports-43</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-44" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension.">
<a href="variable-supports-44.htm">variable-supports-44</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-45" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference.">
<a href="variable-supports-45.htm">variable-supports-45</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-46" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an &quot;!important&quot; priority.">
<a href="variable-supports-46.htm">variable-supports-46</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-47" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space.">
<a href="variable-supports-47.htm">variable-supports-47</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-48" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference with a number of levels of variable reference fallbacks.">
<a href="variable-supports-48.htm">variable-supports-48</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-49" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains two &quot;!important&quot; priorities.">
<a href="variable-supports-49.htm">variable-supports-49</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-50" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.">
<a href="variable-supports-50.htm">variable-supports-50</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-51" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.">
<a href="variable-supports-51.htm">variable-supports-51</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-52" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.">
<a href="variable-supports-52.htm">variable-supports-52</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-53" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback.">
<a href="variable-supports-53.htm">variable-supports-53</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-54" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.">
<a href="variable-supports-54.htm">variable-supports-54</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-55" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback.">
<a href="variable-supports-55.htm">variable-supports-55</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-56" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains only a white space token.">
<a href="variable-supports-56.htm">variable-supports-56</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-57" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value contains no tokens.">
<a href="variable-supports-57.htm">variable-supports-57</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-58" class="">
<tr>
<td rowspan="1" title="Test a passing property declaration in an @supports rule with property name &quot;--&quot;.">
<a href="variable-supports-58.htm">variable-supports-58</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-59" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value contains a variable reference to itself.">
<a href="variable-supports-59.htm">variable-supports-59</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-60" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit.">
<a href="variable-supports-60.htm">variable-supports-60</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-61" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape.">
<a href="variable-supports-61.htm">variable-supports-61</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-62" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an escaped lone surrogate.">
<a href="variable-supports-62.htm">variable-supports-62</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-63" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule for a variable whose name is U+FFFD which is specified with an out-of-range Unicode character escape.">
<a href="variable-supports-63.htm">variable-supports-63</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-64" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule whose value is a variable reference with a dimension token as the variable name.">
<a href="variable-supports-64.htm">variable-supports-64</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-65" class="">
<tr>
<td rowspan="1" title="Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma.">
<a href="variable-supports-65.htm">variable-supports-65</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-66" class="">
<tr>
<td rowspan="1" title="Test a failing custom property declaration in an @supports rule where the property name begins with &quot;VAR-&quot;.">
<a href="variable-supports-66.htm">variable-supports-66</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="variable-supports-67" class="">
<tr>
<td rowspan="1" title="Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse.">
<a href="variable-supports-67.htm">variable-supports-67</a></td>
<td><a href="support/color-green-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="vars-background-shorthand-001" class="">
<tr>
<td rowspan="1" title="CSS Variables 1: Test variables in background shorthand.">
<a href="vars-background-shorthand-001.htm">vars-background-shorthand-001</a></td>
<td><a href="reference/vars-background-shorthand-001-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="vars-font-shorthand-001" class="ahem">
<tr>
<td rowspan="1" title="CSS Variables 1: Test variables in @font-face, font-family, font shorthand.">
<a href="vars-font-shorthand-001.htm">vars-font-shorthand-001</a></td>
<td><a href="reference/vars-font-shorthand-001-ref.htm">=</a> </td>
<td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td>
</tr>
</tbody>
</table>
</body>
</html>