1212 < style >
1313 pre .idl { border : solid thin; background : # eee ; color : # 000 ; padding : 0.5em }
1414 pre .idl : link , pre .idl : visited { color : inherit; background : transparent }
15+ i { font-style : normal; }
1516 </ style >
1617
1718 < body >
@@ -301,12 +302,6 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Variables
301302 custom micro-syntaxes like what's allowed in calc(). There < em > are</ em >
302303 still rules, however; for example, unbalanced parentheses are invalid.
303304
304- < p > The initial value of a < a href ="#variable-property "> < i > variable
305- property</ i > </ a > is an empty invalid value. This means that, until a < a
306- href ="#variable-property "> < i > variable property</ i > </ a > is explicitly
307- defined otherwise by a style sheet, it defines an < a
308- href ="#invalid-variable "> < i > invalid variable</ i > </ a >
309-
310305 < p > The term < dfn id =variable-property
311306 title ="variable property|variables properties "> variable property</ dfn >
312307 refers to any property whose name is composed of a "var-" prefix followed
@@ -317,6 +312,12 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Variables
317312 the same name as the property except that the "var-" prefix is replaced
318313 with a "$" prefix.
319314
315+ < p > The initial value of a < a href ="#variable-property "> < i > variable
316+ property</ i > </ a > is an empty invalid value. This means that, until a < a
317+ href ="#variable-property "> < i > variable property</ i > </ a > is explicitly
318+ defined otherwise by a style sheet, it defines an < a
319+ href ="#invalid-variable "> < i > invalid variable</ i > </ a >
320+
320321 < p class =issue > As defined here, the syntax for variable usage is different
321322 from the syntax for variable definition (i.e. var-foo for definition, $foo
322323 for usage). It might be nice to have the syntaxes match, using "$foo" as
@@ -487,13 +488,7 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Variables
487488 a value that will eventually (when referenced as a variable in a normal
488489 property) resolve to ‘< code class =css > 30px</ code > ’.
489490 </ div >
490-
491- < p > The initial value of a < a href ="#variable-property "> < i > variable
492- property</ i > </ a > is a special invalid value which makes the associated
493- variable an < a href ="#invalid-variable "> < i > invalid variable</ i > </ a > . This
494- is represented by the keyword ‘< code class =css > invalid</ code > ’, but
495- that keyword has no special meaning in itself, and is valid if set
496- explicitly in a variable property. <!--
491+ <!--
497492UUUUUUUU UUUUUUUU iiii
498493U::::::U U::::::U i::::i
499494U::::::U U::::::U iiii
@@ -518,7 +513,6 @@ <h2 id=defining-variables><span class=secno>2. </span> Defining Variables
518513 ggg::::::ggg
519514 gggggg
520515-->
521-
522516
523517 < h2 id =using-variables > < span class =secno > 3. </ span > Using Variables</ h2 >
524518
0 commit comments