- This section describes how to consume a syntax descriptor from a - stream of code points. It either produces a syntax descriptor + This section describes how to consume a syntax descriptor from a [=string=] |string|. + It either produces a syntax descriptor with a list of syntax components, or the universal syntax descriptor. - Consume the next input code point: + 1. [=Strip leading and trailing ASCII whitespace=] from |string|. - : U+002A ASTERISK (*) - :: If the next input code point is EOF, return the - universal syntax descriptor. Otherwise return an error. + 2. If |string|’s [=string/length=] is 0, + return failure. - : anything else - :: Reconsume the current input code point. + 3. If |string|’s [=string/length=] is 1, + and the only [=code point=] in |string| is U+002A ASTERISK (*), + return the [=universal syntax descriptor=]. - Let |descriptor| be an initially empty list of syntax components. + 4. Let |stream| be an [=input stream=] created from the [=code points=] of |string|, + preprocessed as specified in [[css-syntax-3]]. + Let |descriptor| be an initially empty [=list=] of syntax components. - Repeatedly consume the next input code point: + 5. Repeatedly consume the next input code point: - : whitespace - :: Do nothing. + : whitespace + :: Do nothing. - : U+007C VERTICAL LINE (|) - :: If |descriptor| is an empty list, return an error. Otherwise - consume a syntax component and append the result to |descriptor|. + : EOF + :: If |descriptor|’s [=list/length=] is greater than zero, + return |descriptor|; + otherwise, return failure. - : EOF - :: Return |descriptor|. + : U+007C VERTICAL LINE (|) + :: Consume a syntax component. + If failure was returned, + return failure; + otherwise, + [=list/append=] the returned value to |descriptor|. - : anything else - :: Consume a syntax component, and append the result to |descriptor|. + : anything else + :: Reconsume the current input code point. + Consume a syntax component. + If failure was returned, + return failure; + otherwise, + [=list/append=] the returned value to |descriptor|.

- To consume a syntax component from a stream of code points: + To consume a syntax component from a stream of code points |stream|: - Consume as much whitespace as possible. + Consume as much whitespace as possible from |stream|. - Let |component| be a new syntax component with its |name| initially + Let |component| be a new syntax component with its |name| and |multiplier| initially empty. Consume the next input code point: : U+003C LESS-THAN SIGN (<) - :: Consume a data type name, and assign the result to the |component|'s |name|. + :: Consume a data type name. + If it returned a [=string=], set |component|'s |name| to the returned value. + Otherwise, return failure. : name-start code point - :: Reconsume the current input code point. - [[css-syntax-3#consume-name|Consume a name]]. If the result matches the - <> production, assign the result to the |component|'s |name|. - Otherwise return an error. - : U+005C REVERSE SOLIDUS (\) - :: Reconsume the current input code point. - [[css-syntax-3#consume-name|Consume a name]]. If the result matches the - <> production, assign the result to the |component|'s |name|. - Otherwise return an error. + :: If the stream [=starts with an identifier=], + reconsume the current input code point + then [=consume a name=] from the stream, + and set |component|’s |name| to the returned <>’s value. + Otherwise return failure. : anything else - :: Return an error. - - Consume the next input code point: + :: Return failure. - : U+002B PLUS SIGN (+) - :: If |component| has a non-terminal data type name, or if |component| is - already marked as a list of any kind, return an error. Otherwise, mark |component| as a - [[css-values-3#value-defs|space-separated list]]. + If |component|’s |name| is a [=pre-multiplied data type name=], + return |component|. - : U+0023 NUMBER SIGN (#) - :: If |component| has a non-terminal data type name, or if |component| is - already marked as a list of any kind, return an error. Otherwise, mark |component| as a - [[css-values-3#value-defs|comma-separated list]]. + If the [=next input code point=] + is U+002B PLUS SIGN (+) + or U+0023 NUMBER SIGN (#), + consume the next input code point, + and set |component|’s |multiplier| to the [=current input code point=]. - : EOF - :: Return |component|. + Return |component|. - : anything else - :: Reconsume the current input code point. Return |component|.

To consume a data type name from a stream of code points: - Let |name| initially be a string containing a single code point: - U+003C LESS-THAN SIGN (<). + Note: This algorithm assumes that a U+003C LESS-THAN SIGN (<) code point has already been consumed from the stream. + + Let |name| initially be a [=string=] containing a single U+003C LESS-THAN SIGN (<) code point. Repeatedly consume the next input code point: - : U+003E GREATER-THAN SIGN (>) + : U+003E GREATER-THAN SIGN (>) :: Append the code point to |name|. If |name| matches one of the data type names listed in [[#supported-names]], return |name|. - Otherwise return an error. + Otherwise return failure. : name code point :: Append the code point to |name|. : anything else - :: Return an error. + :: Return failure.

-<script>
+<script>
 CSS.registerProperty({
 	name: "--stop-color",
-	syntax: "<color>",
+	syntax: "<color>",
 	inherits: false,
 	initialValue: "rgba(0,0,0,0)"
 });
-</script>
+</script>
 
-<style>
+<style>
 
 .button {
 	--stop-color: red;
@@ -798,7 +793,7 @@ CSS.registerProperty({
 	--stop-color: green;
 }
 
-</style>
+</style>