@@ -87,8 +87,6 @@ spec:css-speech-1; type:property;
87
87
text:pause-before;
88
88
text:speak;
89
89
text:voice-family;
90
- spec:css-syntax-3;
91
- type:dfn; text:identifier
92
90
spec:css-tables-3; type:property;
93
91
text:border-collapse;
94
92
text:caption-side;
@@ -106,7 +104,9 @@ spec:css-ui-4;
106
104
spec:css-values-4;
107
105
type:type; text:<position>
108
106
type:value; text:in
109
- type:dfn; text:relative length
107
+ type:dfn;
108
+ text:relative length
109
+ text:identifier
110
110
spec:dom; type:interface;
111
111
text:Document
112
112
text:Element;
@@ -130,6 +130,7 @@ spec:svg2;
130
130
text: stroke-miterlimit
131
131
text: stroke-opacity
132
132
text: stroke-width
133
+ text: color-rendering
133
134
</pre>
134
135
135
136
Introduction {#intro}
@@ -647,11 +648,11 @@ probably in an appendix.
647
648
<dfn for=CSSStyleValue export lt="match a grammar | match the grammar">match a grammar</dfn>
648
649
based on the following rules:
649
650
650
- * A {{CSSKeywordValue}} matches an <<identifier >> specified in a grammar
651
+ * A {{CSSKeywordValue}} matches an <<ident >> specified in a grammar
651
652
if its {{CSSKeywordValue/value}} internal slot
652
653
matches the identifier.
653
654
654
- If case-folding rules are in effect normally for that <<identifier >>
655
+ If case-folding rules are in effect normally for that <<ident >>
655
656
(such as ''Auto'' matching the keyword ''auto'' specified in the grammar for 'width' ),
656
657
they apply to this comparison as well.
657
658
* A {{CSSTransformValue}} matches <<transform-list>> .
@@ -882,7 +883,7 @@ of the {{CSSUnparsedValue/[[tokens]]}} internal slot.
882
883
{{CSSKeywordValue}} objects {#keywordvalue-objects}
883
884
---------------------------------------------------
884
885
885
- {{CSSKeywordValue}} objects represent CSS keywords and other [=identifiers =] .
886
+ {{CSSKeywordValue}} objects represent CSS keywords and other [=idents =] .
886
887
887
888
<pre class='idl'>
888
889
[Exposed=(Window, Worker, PaintWorklet, LayoutWorklet)]
@@ -2795,8 +2796,8 @@ This list is the object's [=values to iterate over=].
2795
2796
then set |length| to the result's value.
2796
2797
2797
2798
2. If |length| does not represent a value
2798
- that is [=ASCII case-insensitive=] match
2799
- for the identifier ''perspective()/none'' ,
2799
+ that is an [=ASCII case-insensitive=] match
2800
+ for the keyword ''perspective()/none'' ,
2800
2801
[=throw=] a {{TypeError}} .
2801
2802
2802
2803
3. Return a new {{CSSPerspective}} object
@@ -2956,40 +2957,40 @@ interface CSSColorValue : CSSStyleValue {
2956
2957
<tr><td> "hwb"<td> {{CSSHWB}}
2957
2958
<tr><td> "lch"<td> {{CSSLCH}}
2958
2959
<tr><td> "lab"<td> {{CSSLab}}
2959
- <td ><td> "oklab"<td> {{CSSOKLab}}
2960
- <td ><td> "oklch"<td> {{CSSOKLCH}}
2960
+ <tr ><td> "oklab"<td> {{CSSOKLab}}
2961
+ <tr ><td> "oklch"<td> {{CSSOKLCH}}
2961
2962
</table>
2962
2963
2963
2964
{{CSSColor}} defines its behavior for this attribute further down.
2964
2965
</div>
2965
2966
2966
2967
<div algorithm="CSSColorValue.to()">
2967
- The <dfn method for=CSSColorValue>to(colorSpace)</dfn> method
2968
+ The <dfn method for=CSSColorValue>to(| colorSpace| )</dfn> method
2968
2969
of {{CSSColorValue}} objects must,
2969
2970
when called on |this|:
2970
2971
2971
- 1. [=Rectify a keywordish value=] from |colorspace |,
2972
- then set |colorspace | to the result's value.
2972
+ 1. [=Rectify a keywordish value=] from |colorSpace |,
2973
+ then set |colorSpace | to the result's value.
2973
2974
2974
- 2. If |colorspace | is not in the table below,
2975
+ 2. If |colorSpace | is not in the table below,
2975
2976
[=throw=] a "{{SyntaxError}} " {{DOMException}} .
2976
2977
2977
2978
3. If |this| is a {{CSSColor}} value,
2978
- and its {{CSSColor/colorSpace}} attribute is not a [[css-color-4#predefined|predefined colorspace ]] ,
2979
+ and its {{CSSColor/colorSpace}} attribute is not a [[css-color-4#predefined|predefined color space ]] ,
2979
2980
[=throw=] an "{{InvalidModificationError}} " {{DOMException}} .
2980
2981
2981
- 2. Convert |this| into the color space indicated by |colorspace |,
2982
+ 2. Convert |this| into the color space indicated by |colorSpace |,
2982
2983
and return a new object of the appropriate {{CSSColorValue}} subclass
2983
2984
with its internal slots set appropriately to represent the color.
2984
2985
2985
- The valid |colorspace | values,
2986
+ The valid |colorSpace | values,
2986
2987
and the classes they cause this method to return,
2987
2988
are indicated by the following table.
2988
2989
Each of these values is [=ASCII case-insensitive=] .
2989
2990
2990
2991
<table class=data>
2991
2992
<thead>
2992
- <tr><th> |colorspace |<th> {{CSSColorValue}} subclass
2993
+ <tr><th> |colorSpace |<th> {{CSSColorValue}} subclass
2993
2994
</thead>
2994
2995
<tr><td> "rgb"<td> {{CSSRGB}}
2995
2996
<tr><td> "hsl"<td> {{CSSHSL}}
@@ -2998,10 +2999,10 @@ interface CSSColorValue : CSSStyleValue {
2998
2999
<tr><td> "lab"<td> {{CSSLab}}
2999
3000
<tr><td> "oklab"<td> {{CSSOKLab}}
3000
3001
<tr><td> "oklch"<td> {{CSSOKLCH}}
3001
- <tr><td> any [[css-color-4#predefined|predefined colorspace ]] <td> {{CSSColor}}
3002
+ <tr><td> any [[css-color-4#predefined|predefined color space ]] <td> {{CSSColor}}
3002
3003
</table>
3003
3004
3004
- Issue: Currently, only predefined colorspaces can be converted to or from;
3005
+ Issue: Currently, only predefined color spaces can be converted to or from;
3005
3006
''@color-profile'' -defined ones can't be,
3006
3007
because it's not clear what context we should be looking in for the ''@color-profile'' ,
3007
3008
when shadow DOM might be involved.
@@ -3480,7 +3481,7 @@ The {{CSSColor}} class represents the CSS ''color()'' function.
3480
3481
Let |alpha| be replaced by the result of [=rectifying a CSSColorPercent=] from it.
3481
3482
3482
3483
2. Return a new {{CSSColor}}
3483
- with its {{CSSColor/colorspace }} , {{CSSColor/channels}} , and {{CSSColor/alpha}} internal slots
3484
+ with its {{CSSColor/colorSpace }} , {{CSSColor/channels}} , and {{CSSColor/alpha}} internal slots
3484
3485
set to |colorSpace|, |channels|, and |alpha|.
3485
3486
</div>
3486
3487
@@ -5523,28 +5524,18 @@ or generic {{CSSStyleValue}}s (otherwise).
5523
5524
set to the [=reification=]
5524
5525
of its lightness, a, b, and alpha components, respectively.
5525
5526
5526
- 6. If |val| is a ''device-cmyk()'' function,
5527
- then return a new {{CSSDeviceCMYK}} object
5528
- with its {{CSSDeviceCMYK/c}} ,
5529
- {{CSSDeviceCMYK/m}} ,
5530
- {{CSSDeviceCMYK/y}} ,
5531
- {{CSSDeviceCMYK/k}} ,
5532
- and {{CSSDeviceCMYK/alpha}} internal slots
5533
- set to the [=reification=]
5534
- of its cyan, magenta, yellow, key, and alpha components, respectively.
5535
-
5536
- 7. If |val| is a ''color()'' function,
5527
+ 6. If |val| is a ''color()'' function,
5537
5528
then return a new {{CSSColor}} object
5538
5529
with its {{CSSColor/colorSpace}} internal slot
5539
5530
set to the result of [=reifying an identifier=]
5540
5531
from |val|'s color space,
5541
- its {{CSSColor/channels}} internal slot
5542
- set to the result of [=reifying a percentish array =]
5543
- from |val|'s list of non-alpha components,
5532
+ its {{CSSColor/channels}} internal slot's [=observable array attribute/backing list=]
5533
+ set to the result of [=reifying=]
5534
+ |val|'s list of non-alpha components,
5544
5535
and {{CSSColor/alpha}} internal slot
5545
5536
set to the result of [=reifying=] |val|'s alpha component.
5546
5537
5547
- 8 . If |val| is a <<named-color>> or the keyword ''transparent'' ,
5538
+ 7 . If |val| is a <<named-color>> or the keyword ''transparent'' ,
5548
5539
then return a new {{CSSRGB}} object
5549
5540
with its {{CSSRGB/r}} ,
5550
5541
{{CSSRGB/g}} ,
@@ -5553,7 +5544,7 @@ or generic {{CSSStyleValue}}s (otherwise).
5553
5544
set to the [=reification=]
5554
5545
of its red, green, blue, and alpha components, respectively.
5555
5546
5556
- 9 . If |val| is any other color keyword,
5547
+ 8 . If |val| is any other color keyword,
5557
5548
return the result of [=reifying an identifier=] from |val|.
5558
5549
</div>
5559
5550
0 commit comments