@@ -137,6 +137,10 @@ Custom Property Value Syntax</h3>
137
137
unmatched <<)-token>> , <<]-token>> , or <<}-token>> ,
138
138
or top-level <<semicolon-token>> tokens or <<delim-token>> tokens with a value of "!".
139
139
140
+ In addition, if the value of a <a>custom property</a> contains a ''var()'' reference,
141
+ the ''var()'' reference must be valid according to the specified ''var()'' grammar.
142
+ If not, the <a>custom property</a> is invalid and must be ignored.
143
+
140
144
Note: This definition,
141
145
along with the general CSS syntax rules,
142
146
implies that a custom property value never includes an unmatched quote or bracket,
@@ -609,7 +613,7 @@ Variables in Shorthand Properties</h3>
609
613
if an API allows them to be observed.
610
614
611
615
Similarly,
612
- while [[CSSOM-1 ]] defines that shorthand properties are serialized
616
+ while [[CSSOM]] defines that shorthand properties are serialized
613
617
by appropriately concatenating the values of their corresponding longhands,
614
618
shorthands that are specified with explicit ''var()'' functions
615
619
must serialize to the original, ''var()'' -containing value.
@@ -667,6 +671,7 @@ Changes since the May 6 2014 Last Call Working Draft</h2>
667
671
* Serialization of longhands when shorthand uses a variable was defined.
668
672
* Link to DOM's definition of "case-sensitive".
669
673
* Added example of using variables with '':lang()'' to do simple i18n.
674
+ * Clarified that usage of ''var()'' in a custom property must be valid per the ''var()'' grammar.
670
675
671
676
672
677
<h2 id="acks">
0 commit comments