@@ -293,12 +293,24 @@ which can start or interrupt a CSS transition.
293
293
Conditional Rules {#conditional-rules}
294
294
--------------------------------------
295
295
296
- <div class=note>
297
- ''@supports'' rules and the {{CSS/supports(conditionText)|CSS.supports()}} method
298
- behave as specified in [[!css-variables]] ,
299
- without distinguishing between registered and unregistered custom properties,
300
- and paying no attention to registered properties' syntaxes.
301
- </div>
296
+ Unregistered custom properties are “always valid”
297
+ when tested via ''@supports'' ;
298
+ a rule like `@supports (--foo: red) {...}`
299
+ is always true
300
+ so long as you don't violate the (very liberal) syntax for custom properties.
301
+
302
+ Registering a custom property does not change this.
303
+ Even if a custom property is, for example,
304
+ registered with `syntax: "<color>"`,
305
+ a rule like `@supports (--foo: 1em) {...}`
306
+ will still evaluate as true and apply those styles.
307
+
308
+ Note: This matches the [[#parsing-custom-properties|parsing behavior]] of registered custom properties.
309
+ A registered custom property specified as `"<color>"`
310
+ but written as `--foo: 1em;` will still be accepted as valid at parse-time,
311
+ but be automatically [=invalid at computed-value time=] .
312
+ As ''@supports'' tests parsing behavior,
313
+ it thus also accepts all values as valid regardless of the registered syntax.
302
314
303
315
Relative URLs {#relative-urls}
304
316
------------------------------
@@ -735,28 +747,6 @@ following members:
735
747
:: The initial value of this custom property.
736
748
737
749
738
- Registered Properties and @supports {#supports}
739
- -----------------------------------------------
740
-
741
- Unregistered custom properties are “always valid”
742
- when tested via ''@supports'' ;
743
- a rule like `@supports (--foo: red) {...}`
744
- is always true
745
- so long as you don't violate the (very liberal) syntax for custom properties.
746
-
747
- Registering a custom property does not change this.
748
- Even if a custom property is, for example,
749
- registered with `syntax: "<color>"`,
750
- a rule like `@supports (--foo: 1em) {...}`
751
- will still evaluate as true and apply those styles.
752
-
753
- Note: This matches the parsing behavior of registered custom properties.
754
- A registered custom property specified as `"<color>"`
755
- but written as `--foo: 1em;` will still be accepted as valid at parse-time,
756
- but be automatically [=invalid at computed-value time=] .
757
- As ''@supports'' tests parse behavior,
758
- it thus also accepts all values as valid regardless of the registered syntax.
759
-
760
750
Dependency Cycles Via Relative Units {#dependency-cycles}
761
751
---------------------------------------------------------
762
752
0 commit comments