|
+
2 Defining Custom Properties: the --* family of properties |
|---|
|
test_variable_legal_values |
|
Script |
CSS Variables Allowed Syntax
- The <value> type used in the syntax above is defined as anything matching the "value" production in CSS 2.1 Chapter 4.1 [CSS21].
|
|
variable-created-document |
|
Script |
Variable added to created document
|
|
variable-created-element |
|
Script |
Variable on created element
|
|
variable-declaration-06 |
= |
|
Test overriding an existing variable declaration.
|
|
variable-declaration-29 |
= |
|
Test declaring a variable with a valid custom property name "--".
|
|
variable-declaration-31 |
= |
|
Test declaring a variable where the variable name begins with a digit.
|
|
variable-declaration-32 |
= |
|
Test declaring a variable where the variable name begins with an escaped digit.
|
|
variable-declaration-33 |
= |
|
Test declaring a variable where the variable name begins with an escaped letter.
|
|
variable-declaration-34 |
= |
|
Test declaring a variable where the variable name begins with a lone surrogate.
|
|
variable-declaration-35 |
= |
|
Test declaring a variable where the variable name begins with U+FFFD.
|
|
variable-declaration-36 |
= |
|
Test declaring a variable where the variable name begins with an out-of-range Unicode character escape.
|
|
variable-declaration-38 |
= |
|
Test declaring two variables in the same declaration block that differ only in case, with lowercase first.
|
|
variable-declaration-39 |
= |
|
Test declaring two variables in the same declaration block that differ only in case, with uppercase first.
|
|
variable-declaration-40 |
= |
|
Test declaring a variable with an invalid custom property name due to it beginning with "VAR-".
|
|
variable-declaration-41 |
= |
|
Test declaring a variable where the second '-' in the "--" prefix of the custom property name is escaped.
|
|
variable-declaration-42 |
= |
|
Test declaring a variable where the custom property name includes an unescaped Chinese character and an escape that is terminated by a space character.
|
|
variable-declaration-43 |
= |
|
Test declaring a variable whose value is "initial".
|
|
variable-declaration-44 |
= |
|
Test declaring a variable whose value is "inherit" where there is no variable to inherit from.
|
|
variable-declaration-45 |
= |
|
Test declaring a variable whose value is "inherit" where there is a variable to inherit from.
|
|
variable-declaration-46 |
= |
|
Test declaring a variable whose value is "initial" where there is a variable to inherit from.
|
|
variable-declaration-47 |
= |
|
Test declaring a variable whose value consists of a reference to a variable whose value is "inherit".
|
|
variable-declaration-56 |
= |
|
Test declaring a variable whose value is "unset" where there is no variable to inherit from.
|
|
variable-declaration-57 |
= |
|
Test declaring a variable whose value is "unset" where there is a variable to inherit from.
|
|
variable-declaration-58 |
= |
|
Test declaring a variable whose value consists of a reference to a variable whose value is "unset".
|
|
variable-declaration-59 |
= |
|
Test declaring a variable with a trailing invalid token.
|
|
variable-external-font-face-01 |
= |
Ahem |
Test the invalid declaration and use of a variable in an @font-face rule within an external CSS.
|
|
variable-first-letter |
|
Script |
CSS Variables with ::first-letter pseudo-element.
|
|
variable-first-line |
|
Script |
CSS Variables with ::first-line pseudo-element.
|
|
variable-font-face-01 |
= |
Ahem |
Test the invalid declaration and use of a variable in an @font-face rule.
|
|
variable-font-face-02 |
= |
Ahem |
Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.
|
|
variable-invalidation |
|
Script |
Tests css variable invalidation
|
|
variable-presentation-attribute |
|
Script |
CSS Variables and SVG presentation attributes
|
|
variable-pseudo-element |
|
Script |
Parse, store, and serialize CSS variable references
|
|
variable-reference-13 |
= |
|
Test that important variable declarations are not overwritten by subsequent non-important variable declarations in the one declaration block.
|
|
variable-reference-14 |
= |
|
Test that important variable declarations cascade correctly.
|
|
variable-reference-cssom |
|
Script |
CSS variable references - via CSSOM
|
|
variable-reference-refresh |
|
Script |
Variable reference across document refresh
|
|
variable-reference-refresh-iframe |
|
|
Content used for within variable-reference-refresh
|
|
variable-substitution-basic |
|
Script |
test basic variable substitution
|
|
variable-substitution-filters |
|
Script |
test filter function variable substitution
|
|
variable-substitution-plus-box-shadow |
|
Script |
box-shadow + variable substitution on same element
|
|
variable-substitution-replaced-size |
|
Script |
variable substitution into size properties on certain replaced elements
|
|
variable-substitution-shadow-properties |
|
Script |
test shadow property variable substitution
|
|
variable-supports-58 |
= |
|
Test a passing property declaration in an @supports rule with property name "--".
|
|
variable-supports-60 |
= |
|
Test a passing custom property declaration in an @supports rule for a variable whose name is a digit.
|
|
variable-supports-61 |
= |
|
Test a passing custom property declaration in an @supports rule for a variable whose name is a digit which is specified with an escape.
|
|
variable-supports-62 |
= |
|
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.
|
|
variable-supports-63 |
= |
|
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.
|
|
variable-supports-66 |
= |
|
Test a failing custom property declaration in an @supports rule where the property name begins with "VAR-".
|
|
variable-supports-67 |
= |
|
Test a declaration for a custom property has an invalid value does not cause the @supports rule to fail to parse.
|
|
+
2.1 Custom Property Value Syntax |
|---|
|
variable-animation-from-to |
|
Script |
CSS Variables - Animation - From and To Values
|
|
variable-animation-over-transition |
|
Script |
CSS Variables - Animation - Overriding Transition
|
|
variable-animation-substitute-into-keyframe |
|
Script |
CSS Variables - Animation - Substitute Into Keyframe
|
|
variable-animation-substitute-into-keyframe-shorthand |
|
Script |
CSS Variables - Animation - Substitute Into Keyframe with Shorthand
|
|
variable-animation-substitute-into-keyframe-transform |
|
Script |
CSS Variables - Animation - Substitute Into Keyframe - transform property
|
|
variable-animation-substitute-within-keyframe |
|
Script |
CSS Variables - Animation - Substitute Within Keyframe
|
|
variable-animation-substitute-within-keyframe-fallback |
|
Script |
CSS Variables - Animation - Substitute Within Keyframe - Fallback
- The --endColor does the 50% flip and supports the fallback syntax
|
|
variable-animation-substitute-within-keyframe-multiple |
|
Script |
CSS Variables - Animation - Substitute Within Keyframe - Multiple Substitution
|
|
variable-animation-to-only |
|
Script |
CSS Variables - Animation - From and To Values
|
|
variable-declaration-01 |
= |
|
Test declaring a variable consisting of a single token preceded by white space.
|
|
variable-declaration-02 |
= |
|
Test declaring a variable consisting of a single token with no preceding white space.
|
|
variable-declaration-03 |
= |
|
Test declaring a variable that references another variable.
|
|
variable-declaration-04 |
= |
|
Test declaring a variable consisting of a variable reference followed by white space.
|
|
variable-declaration-05 |
= |
|
Test declaring a variable consisting of a variable reference that includes white space around the variable name.
|
|
variable-declaration-07 |
= |
|
Test declaring a variable with invalid syntax due to a variable reference having no tokens in its fallback.
|
|
variable-declaration-08 |
= |
|
Test declaring a variable that consists of a variable reference whose fallback is white space.
|
|
variable-declaration-09 |
= |
|
Test declaring a variable with invalid syntax due to a variable reference having only a comment in its fallback.
|
|
variable-declaration-10 |
= |
|
Test declaring a variable that consists of a variable reference with a fallback that includes a comment and an identifier.
|
|
variable-declaration-11 |
= |
|
Test declaring a variable with invalid syntax due to a variable reference having a '!' token at the top level of its fallback.
|
|
variable-declaration-12 |
= |
|
Test declaring a variable with invalid syntax due to a variable reference having a ';' token at the top level of its fallback.
|
|
variable-declaration-13 |
= |
|
Test declaring a variable with invalid syntax due to a variable reference having "!important" the top level of its fallback.
|
|
variable-declaration-14 |
= |
|
Test declaring a variable that consists of a variable reference and a following identifier with no intervening white space.
|
|
variable-declaration-15 |
= |
Ahem |
Test declaring a variable that consists of a comma-separated font family list.
|
|
variable-declaration-16 |
= |
Ahem |
Test declaring a variable that consists of a comma-separated font family list with the first item being a variable reference.
|
|
variable-declaration-17 |
= |
Ahem |
Test declaring a variable that consists of a comma-separated font family list with the last item being a variable reference.
|
|
variable-declaration-18 |
= |
Ahem |
Test declaring a variable that consists of a comma-separated font family list with the comma coming from a variable reference.
|
|
variable-declaration-19 |
= |
|
Test declaring a variable that consists of a function where one of the arguments is a variable reference.
|
|
variable-declaration-20 |
= |
|
Test declaring a variable with "!important".
|
|
variable-declaration-21 |
= |
|
Test declaring a variable that consists of a function where all of the arguments and commas are made up of variable references.
|
|
variable-declaration-22 |
= |
|
Test declaring a variable that consists of a variable reference with a number of levels of variable reference fallbacks.
|
|
variable-declaration-23 |
= |
|
Test declaring a variable with invalid syntax due to having two "!important" priorities.
|
|
variable-declaration-24 |
= |
|
Test declaring a variable that contains a CDO token.
|
|
variable-declaration-25 |
= |
|
Test declaring a variable that contains a CDC token.
|
|
variable-declaration-26 |
= |
|
Test declaring a variable that contains only a white space token.
|
|
variable-declaration-28 |
= |
|
Test declaring a variable with invalid syntax due to having no tokens.
|
|
variable-declaration-37 |
= |
|
Test declaring a variable consisting of a variable reference where white space surrounds the comma separating the variable name and fallback.
|
|
variable-declaration-60 |
= |
|
Test declaring a variable with a value whose name is "initial" but using Turkish dotted/dotless 'i's.
|
|
variable-external-declaration-01 |
= |
|
Test declaring a variable in an external CSS file.
|
|
variable-reference-without-whitespace |
= |
|
Variable reference without whitespace
|
|
variable-supports-33 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference.
|
|
variable-supports-34 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains white space and a variable reference.
|
|
variable-supports-35 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference surrounded by white space.
|
|
variable-supports-36 |
= |
|
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.
|
|
variable-supports-37 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens.
|
|
variable-supports-38 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference with fallback consisting only of white space.
|
|
variable-supports-39 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains a variable reference with no fallback tokens, just a comment.
|
|
variable-supports-40 |
= |
|
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.
|
|
variable-supports-41 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level '!' token.
|
|
variable-supports-42 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains a variable reference with fallback containing a top level "!important".
|
|
variable-supports-43 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a dimension followed by a variable reference.
|
|
variable-supports-44 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference followed bya dimension.
|
|
variable-supports-45 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a selection of tokens and a non-top level variable reference.
|
|
variable-supports-46 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference and an "!important" priority.
|
|
variable-supports-47 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains two adjacent variable references with no intervening white space.
|
|
variable-supports-48 |
= |
|
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.
|
|
variable-supports-49 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains two "!important" priorities.
|
|
variable-supports-50 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDO token.
|
|
variable-supports-51 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a CDC token.
|
|
variable-supports-52 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference and balanced braces and square brackets.
|
|
variable-supports-53 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains a variable reference with a top level ';' token in its fallback.
|
|
variable-supports-54 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains a variable reference and a non-top level ';' token.
|
|
variable-supports-55 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains a variable reference and a top level ';' token in its fallback.
|
|
variable-supports-56 |
= |
|
Test a passing custom property declaration in an @supports rule whose value contains only a white space token.
|
|
variable-supports-57 |
= |
|
Test a failing custom property declaration in an @supports rule whose value contains no tokens.
|
|
variable-supports-65 |
= |
|
Test a passing custom property declaration in an @supports rule whose value is a variable reference with white space surrounding the fallback comma.
|
|
variable-transitions-from-no-value |
|
Script |
CSS Variables - Transitions - From no value to value
|
|
variable-transitions-to-no-value |
|
Script |
CSS Variables - Transitions - From value to no value
|
|
variable-transitions-transition-property-all-before-value |
|
Script |
CSS Variables - Transitions - Variable value specified before transition; 'all' keyword used
|
|
variable-transitions-transition-property-variable-before-value |
|
Script |
CSS Variables - Transitions - Variable value specified before transition; variable specified by name
|
|
variable-transitions-value-before-transition-property-all |
|
Script |
CSS Variables - Transitions - Variable value specified before transition; 'all' keyword used
|
|
variable-transitions-value-before-transition-property-variable |
|
Script |
CSS Variables - Transitions - Variable value specified before transition; variable specified by name
|