@webref/css 6.9.0 → 6.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css-anchor-position.json +153 -3
- package/css-backgrounds-4.json +18 -3
- package/css-backgrounds.json +1 -1
- package/css-borders.json +30 -0
- package/css-box.json +103 -84
- package/css-color.json +400 -112
- package/css-content.json +1 -1
- package/css-fonts.json +11 -1
- package/css-gcpm-4.json +4 -5
- package/css-images-4.json +1 -1
- package/css-lists.json +7 -5
- package/css-page-floats.json +1 -1
- package/css-position.json +3 -3
- package/css-shapes-2.json +12 -4
- package/css-shapes.json +1 -1
- package/css-speech.json +2 -2
- package/css-text-4.json +1 -1
- package/css-ui.json +1 -1
- package/css-values-5.json +7 -2
- package/css-values.json +17 -17
- package/css-view-transitions-2.json +2 -2
- package/package.json +1 -1
- package/selectors.json +1 -1
package/css-color.json
CHANGED
|
@@ -28,6 +28,14 @@
|
|
|
28
28
|
"computedValue": "specified number, clamped to the range [0,1]",
|
|
29
29
|
"canonicalOrder": "per grammar",
|
|
30
30
|
"animationType": "by computed value type",
|
|
31
|
+
"values": [
|
|
32
|
+
{
|
|
33
|
+
"name": "<alpha-value>",
|
|
34
|
+
"prose": "The opacity to be applied to the element. The resulting opacity is applied to the entire element, rather than a particular color. Opacity values outside the range [0,1] are not invalid, and a preserved in specified values, but are clamped to the range [0, 1] in computed values.",
|
|
35
|
+
"type": "type",
|
|
36
|
+
"value": "<number> | <percentage>"
|
|
37
|
+
}
|
|
38
|
+
],
|
|
31
39
|
"styleDeclaration": [
|
|
32
40
|
"opacity"
|
|
33
41
|
]
|
|
@@ -42,12 +50,224 @@
|
|
|
42
50
|
"type": "type",
|
|
43
51
|
"value": "<absolute-color-base> | currentcolor | <system-color>",
|
|
44
52
|
"values": [
|
|
53
|
+
{
|
|
54
|
+
"name": "<alpha-value>",
|
|
55
|
+
"type": "type",
|
|
56
|
+
"value": "<number> | <percentage>"
|
|
57
|
+
},
|
|
45
58
|
{
|
|
46
59
|
"name": "none",
|
|
47
60
|
"prose": "It can also be specified explicitly, by providing the keyword none for a component in a color function. All color functions (with the exception of those using the legacy color syntax) allow any of their components to be specified as none.",
|
|
48
61
|
"type": "value",
|
|
49
62
|
"value": "none"
|
|
50
63
|
},
|
|
64
|
+
{
|
|
65
|
+
"name": "transparent",
|
|
66
|
+
"prose": "The keyword transparent specifies a transparent black. It is a type of <named-color>.",
|
|
67
|
+
"type": "value",
|
|
68
|
+
"value": "transparent"
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"name": "currentcolor",
|
|
72
|
+
"prose": "The keyword currentcolor represents value of the color property on the same element. Unlike <named-color>s, it is not restricted to sRGB; the value can be any <color>. Its used values is determined by resolving color values.",
|
|
73
|
+
"type": "value",
|
|
74
|
+
"value": "currentcolor"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"name": "ActiveBorder",
|
|
78
|
+
"prose": "Active window border. Same as ButtonBorder.",
|
|
79
|
+
"type": "value",
|
|
80
|
+
"value": "ActiveBorder"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"name": "ActiveCaption",
|
|
84
|
+
"prose": "Active window caption. Same as CanvasText.",
|
|
85
|
+
"type": "value",
|
|
86
|
+
"value": "ActiveCaption"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"name": "AppWorkspace",
|
|
90
|
+
"prose": "Background color of multiple document interface. Same as Canvas.",
|
|
91
|
+
"type": "value",
|
|
92
|
+
"value": "AppWorkspace"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "Background",
|
|
96
|
+
"prose": "Desktop background. Same as Canvas.",
|
|
97
|
+
"type": "value",
|
|
98
|
+
"value": "Background"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"name": "ButtonHighlight",
|
|
102
|
+
"prose": "The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
|
|
103
|
+
"type": "value",
|
|
104
|
+
"value": "ButtonHighlight"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "ButtonShadow",
|
|
108
|
+
"prose": "The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
|
|
109
|
+
"type": "value",
|
|
110
|
+
"value": "ButtonShadow"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"name": "CaptionText",
|
|
114
|
+
"prose": "Text in caption, size box, and scrollbar arrow box. Same as CanvasText.",
|
|
115
|
+
"type": "value",
|
|
116
|
+
"value": "CaptionText"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "InactiveBorder",
|
|
120
|
+
"prose": "Inactive window border. Same as ButtonBorder.",
|
|
121
|
+
"type": "value",
|
|
122
|
+
"value": "InactiveBorder"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"name": "InactiveCaption",
|
|
126
|
+
"prose": "Inactive window caption. Same as Canvas.",
|
|
127
|
+
"type": "value",
|
|
128
|
+
"value": "InactiveCaption"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"name": "InactiveCaptionText",
|
|
132
|
+
"prose": "Color of text in an inactive caption. Same as GrayText.",
|
|
133
|
+
"type": "value",
|
|
134
|
+
"value": "InactiveCaptionText"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"name": "InfoBackground",
|
|
138
|
+
"prose": "Background color for tooltip controls. Same as Canvas.",
|
|
139
|
+
"type": "value",
|
|
140
|
+
"value": "InfoBackground"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"name": "InfoText",
|
|
144
|
+
"prose": "Text color for tooltip controls. Same as CanvasText.",
|
|
145
|
+
"type": "value",
|
|
146
|
+
"value": "InfoText"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"name": "Menu",
|
|
150
|
+
"prose": "Menu background. Same as Canvas.",
|
|
151
|
+
"type": "value",
|
|
152
|
+
"value": "Menu"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"name": "MenuText",
|
|
156
|
+
"prose": "Text in menus. Same as CanvasText.",
|
|
157
|
+
"type": "value",
|
|
158
|
+
"value": "MenuText"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"name": "Scrollbar",
|
|
162
|
+
"prose": "Scroll bar gray area. Same as Canvas.",
|
|
163
|
+
"type": "value",
|
|
164
|
+
"value": "Scrollbar"
|
|
165
|
+
},
|
|
166
|
+
{
|
|
167
|
+
"name": "ThreeDDarkShadow",
|
|
168
|
+
"prose": "The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
169
|
+
"type": "value",
|
|
170
|
+
"value": "ThreeDDarkShadow"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"name": "ThreeDFace",
|
|
174
|
+
"prose": "The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonFace.",
|
|
175
|
+
"type": "value",
|
|
176
|
+
"value": "ThreeDFace"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"name": "ThreeDHighlight",
|
|
180
|
+
"prose": "The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
181
|
+
"type": "value",
|
|
182
|
+
"value": "ThreeDHighlight"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": "ThreeDLightShadow",
|
|
186
|
+
"prose": "The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
187
|
+
"type": "value",
|
|
188
|
+
"value": "ThreeDLightShadow"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": "ThreeDShadow",
|
|
192
|
+
"prose": "The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
193
|
+
"type": "value",
|
|
194
|
+
"value": "ThreeDShadow"
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"name": "Window",
|
|
198
|
+
"prose": "Window background. Same as Canvas.",
|
|
199
|
+
"type": "value",
|
|
200
|
+
"value": "Window"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"name": "WindowFrame",
|
|
204
|
+
"prose": "Window frame. Same as ButtonBorder.",
|
|
205
|
+
"type": "value",
|
|
206
|
+
"value": "WindowFrame"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "WindowText",
|
|
210
|
+
"prose": "Text in windows. Same as CanvasText.",
|
|
211
|
+
"type": "value",
|
|
212
|
+
"value": "WindowText"
|
|
213
|
+
}
|
|
214
|
+
]
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"name": "<absolute-color-base>",
|
|
218
|
+
"type": "type",
|
|
219
|
+
"value": "<hex-color> | <absolute-color-function> | <named-color> | transparent"
|
|
220
|
+
},
|
|
221
|
+
{
|
|
222
|
+
"name": "<absolute-color-function>",
|
|
223
|
+
"type": "type",
|
|
224
|
+
"value": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
|
|
225
|
+
},
|
|
226
|
+
{
|
|
227
|
+
"name": "<hue>",
|
|
228
|
+
"type": "type",
|
|
229
|
+
"value": "<number> | <angle>"
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"name": "rgb()",
|
|
233
|
+
"type": "function",
|
|
234
|
+
"value": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]"
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"name": "rgba()",
|
|
238
|
+
"type": "function",
|
|
239
|
+
"value": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]"
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"name": "<legacy-rgb-syntax>",
|
|
243
|
+
"type": "type",
|
|
244
|
+
"value": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"name": "<legacy-rgba-syntax>",
|
|
248
|
+
"type": "type",
|
|
249
|
+
"value": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"name": "<modern-rgb-syntax>",
|
|
253
|
+
"type": "type",
|
|
254
|
+
"value": "rgb( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"name": "<modern-rgba-syntax>",
|
|
258
|
+
"type": "type",
|
|
259
|
+
"value": "rgba( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
"name": "<hex-color>",
|
|
263
|
+
"prose": "The syntax of a <hex-color> is a <hash-token> token whose value consists of 3, 4, 6, or 8 hexadecimal digits. In other words, a hex color is written as a hash character, \"#\", followed by some number of digits 0-9 or letters a-f (the case of the letters doesn’t matter - #00ff00 is identical to #00FF00).",
|
|
264
|
+
"type": "type"
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"name": "<named-color>",
|
|
268
|
+
"prose": "CSS defines a large set of named colors, so that common colors can be written and read more easily. A <named-color> is written as an <ident>, accepted anywhere a <color> is. As usual for CSS-defined <ident>s, all of these keywords are ASCII case-insensitive.",
|
|
269
|
+
"type": "type",
|
|
270
|
+
"values": [
|
|
51
271
|
{
|
|
52
272
|
"name": "aliceblue",
|
|
53
273
|
"type": "value",
|
|
@@ -787,109 +1007,25 @@
|
|
|
787
1007
|
"name": "yellowgreen",
|
|
788
1008
|
"type": "value",
|
|
789
1009
|
"value": "yellowgreen"
|
|
790
|
-
},
|
|
791
|
-
{
|
|
792
|
-
"name": "transparent",
|
|
793
|
-
"prose": "The keyword transparent specifies a transparent black. It is a type of <named-color>.",
|
|
794
|
-
"type": "value",
|
|
795
|
-
"value": "transparent"
|
|
796
|
-
},
|
|
797
|
-
{
|
|
798
|
-
"name": "currentcolor",
|
|
799
|
-
"prose": "The keyword currentcolor represents value of the color property on the same element. Unlike <named-color>s, it is not restricted to sRGB; the value can be any <color>. Its used values is determined by resolving color values.",
|
|
800
|
-
"type": "value",
|
|
801
|
-
"value": "currentcolor"
|
|
802
1010
|
}
|
|
803
1011
|
]
|
|
804
1012
|
},
|
|
805
|
-
{
|
|
806
|
-
"name": "<absolute-color-base>",
|
|
807
|
-
"type": "type",
|
|
808
|
-
"value": "<hex-color> | <absolute-color-function> | <named-color> | transparent"
|
|
809
|
-
},
|
|
810
|
-
{
|
|
811
|
-
"name": "<absolute-color-function>",
|
|
812
|
-
"type": "type",
|
|
813
|
-
"value": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
|
|
814
|
-
},
|
|
815
|
-
{
|
|
816
|
-
"name": "<alpha-value>",
|
|
817
|
-
"type": "type",
|
|
818
|
-
"value": "<number> | <percentage>"
|
|
819
|
-
},
|
|
820
|
-
{
|
|
821
|
-
"name": "<hue>",
|
|
822
|
-
"type": "type",
|
|
823
|
-
"value": "<number> | <angle>"
|
|
824
|
-
},
|
|
825
|
-
{
|
|
826
|
-
"name": "rgb()",
|
|
827
|
-
"type": "function",
|
|
828
|
-
"value": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]"
|
|
829
|
-
},
|
|
830
|
-
{
|
|
831
|
-
"name": "rgba()",
|
|
832
|
-
"type": "function",
|
|
833
|
-
"value": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]"
|
|
834
|
-
},
|
|
835
|
-
{
|
|
836
|
-
"name": "<legacy-rgb-syntax>",
|
|
837
|
-
"type": "type",
|
|
838
|
-
"value": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
|
|
839
|
-
},
|
|
840
|
-
{
|
|
841
|
-
"name": "<legacy-rgba-syntax>",
|
|
842
|
-
"type": "type",
|
|
843
|
-
"value": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
|
|
844
|
-
},
|
|
845
|
-
{
|
|
846
|
-
"name": "<modern-rgb-syntax>",
|
|
847
|
-
"type": "type",
|
|
848
|
-
"value": "rgb( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
|
|
849
|
-
},
|
|
850
|
-
{
|
|
851
|
-
"name": "<modern-rgba-syntax>",
|
|
852
|
-
"type": "type",
|
|
853
|
-
"value": "rgba( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
|
|
854
|
-
},
|
|
855
|
-
{
|
|
856
|
-
"name": "<hex-color>",
|
|
857
|
-
"prose": "The syntax of a <hex-color> is a <hash-token> token whose value consists of 3, 4, 6, or 8 hexadecimal digits. In other words, a hex color is written as a hash character, \"#\", followed by some number of digits 0-9 or letters a-f (the case of the letters doesn’t matter - #00ff00 is identical to #00FF00).",
|
|
858
|
-
"type": "type"
|
|
859
|
-
},
|
|
860
|
-
{
|
|
861
|
-
"name": "<named-color>",
|
|
862
|
-
"prose": "CSS defines a large set of named colors, so that common colors can be written and read more easily. A <named-color> is written as an <ident>, accepted anywhere a <color> is. As usual for CSS-defined <ident>s, all of these keywords are ASCII case-insensitive.",
|
|
863
|
-
"type": "type"
|
|
864
|
-
},
|
|
865
1013
|
{
|
|
866
1014
|
"name": "<system-color>",
|
|
867
1015
|
"prose": "However, in forced colors mode, most colors on the page are forced into a restricted, user-chosen palette. The <system-color> keywords expose these user-chosen colors so that the rest of the page can integrate with this restricted palette.",
|
|
868
1016
|
"type": "type",
|
|
869
1017
|
"values": [
|
|
870
1018
|
{
|
|
871
|
-
"name": "
|
|
872
|
-
"prose": "Background of
|
|
873
|
-
"type": "value",
|
|
874
|
-
"value": "Canvas"
|
|
875
|
-
},
|
|
876
|
-
{
|
|
877
|
-
"name": "CanvasText",
|
|
878
|
-
"prose": "Text in application content or documents.",
|
|
879
|
-
"type": "value",
|
|
880
|
-
"value": "CanvasText"
|
|
881
|
-
},
|
|
882
|
-
{
|
|
883
|
-
"name": "LinkText",
|
|
884
|
-
"prose": "Text in non-active, non-visited links. For light backgrounds, traditionally blue.",
|
|
1019
|
+
"name": "AccentColor",
|
|
1020
|
+
"prose": "Background of accented user interface controls.",
|
|
885
1021
|
"type": "value",
|
|
886
|
-
"value": "
|
|
1022
|
+
"value": "AccentColor"
|
|
887
1023
|
},
|
|
888
1024
|
{
|
|
889
|
-
"name": "
|
|
890
|
-
"prose": "Text
|
|
1025
|
+
"name": "AccentColorText",
|
|
1026
|
+
"prose": "Text of accented user interface controls.",
|
|
891
1027
|
"type": "value",
|
|
892
|
-
"value": "
|
|
1028
|
+
"value": "AccentColorText"
|
|
893
1029
|
},
|
|
894
1030
|
{
|
|
895
1031
|
"name": "ActiveText",
|
|
@@ -897,6 +1033,12 @@
|
|
|
897
1033
|
"type": "value",
|
|
898
1034
|
"value": "ActiveText"
|
|
899
1035
|
},
|
|
1036
|
+
{
|
|
1037
|
+
"name": "ButtonBorder",
|
|
1038
|
+
"prose": "The base border color for push buttons.",
|
|
1039
|
+
"type": "value",
|
|
1040
|
+
"value": "ButtonBorder"
|
|
1041
|
+
},
|
|
900
1042
|
{
|
|
901
1043
|
"name": "ButtonFace",
|
|
902
1044
|
"prose": "The face background color for push buttons.",
|
|
@@ -910,10 +1052,16 @@
|
|
|
910
1052
|
"value": "ButtonText"
|
|
911
1053
|
},
|
|
912
1054
|
{
|
|
913
|
-
"name": "
|
|
914
|
-
"prose": "
|
|
1055
|
+
"name": "Canvas",
|
|
1056
|
+
"prose": "Background of application content or documents.",
|
|
915
1057
|
"type": "value",
|
|
916
|
-
"value": "
|
|
1058
|
+
"value": "Canvas"
|
|
1059
|
+
},
|
|
1060
|
+
{
|
|
1061
|
+
"name": "CanvasText",
|
|
1062
|
+
"prose": "Text in application content or documents.",
|
|
1063
|
+
"type": "value",
|
|
1064
|
+
"value": "CanvasText"
|
|
917
1065
|
},
|
|
918
1066
|
{
|
|
919
1067
|
"name": "Field",
|
|
@@ -927,6 +1075,12 @@
|
|
|
927
1075
|
"type": "value",
|
|
928
1076
|
"value": "FieldText"
|
|
929
1077
|
},
|
|
1078
|
+
{
|
|
1079
|
+
"name": "GrayText",
|
|
1080
|
+
"prose": "Disabled text. (Often, but not necessarily, gray.)",
|
|
1081
|
+
"type": "value",
|
|
1082
|
+
"value": "GrayText"
|
|
1083
|
+
},
|
|
930
1084
|
{
|
|
931
1085
|
"name": "Highlight",
|
|
932
1086
|
"prose": "Background of selected text, for example from ::selection.",
|
|
@@ -940,16 +1094,10 @@
|
|
|
940
1094
|
"value": "HighlightText"
|
|
941
1095
|
},
|
|
942
1096
|
{
|
|
943
|
-
"name": "
|
|
944
|
-
"prose": "
|
|
945
|
-
"type": "value",
|
|
946
|
-
"value": "SelectedItem"
|
|
947
|
-
},
|
|
948
|
-
{
|
|
949
|
-
"name": "SelectedItemText",
|
|
950
|
-
"prose": "Text of selected items.",
|
|
1097
|
+
"name": "LinkText",
|
|
1098
|
+
"prose": "Text in non-active, non-visited links. For light backgrounds, traditionally blue.",
|
|
951
1099
|
"type": "value",
|
|
952
|
-
"value": "
|
|
1100
|
+
"value": "LinkText"
|
|
953
1101
|
},
|
|
954
1102
|
{
|
|
955
1103
|
"name": "Mark",
|
|
@@ -964,22 +1112,22 @@
|
|
|
964
1112
|
"value": "MarkText"
|
|
965
1113
|
},
|
|
966
1114
|
{
|
|
967
|
-
"name": "
|
|
968
|
-
"prose": "
|
|
1115
|
+
"name": "SelectedItem",
|
|
1116
|
+
"prose": "Background of selected items, for example a selected checkbox.",
|
|
969
1117
|
"type": "value",
|
|
970
|
-
"value": "
|
|
1118
|
+
"value": "SelectedItem"
|
|
971
1119
|
},
|
|
972
1120
|
{
|
|
973
|
-
"name": "
|
|
974
|
-
"prose": "
|
|
1121
|
+
"name": "SelectedItemText",
|
|
1122
|
+
"prose": "Text of selected items.",
|
|
975
1123
|
"type": "value",
|
|
976
|
-
"value": "
|
|
1124
|
+
"value": "SelectedItemText"
|
|
977
1125
|
},
|
|
978
1126
|
{
|
|
979
|
-
"name": "
|
|
980
|
-
"prose": "Text
|
|
1127
|
+
"name": "VisitedText",
|
|
1128
|
+
"prose": "Text in visited links. For light backgrounds, traditionally purple.",
|
|
981
1129
|
"type": "value",
|
|
982
|
-
"value": "
|
|
1130
|
+
"value": "VisitedText"
|
|
983
1131
|
}
|
|
984
1132
|
]
|
|
985
1133
|
},
|
|
@@ -1200,7 +1348,147 @@
|
|
|
1200
1348
|
{
|
|
1201
1349
|
"name": "<deprecated-color>",
|
|
1202
1350
|
"prose": "The deprecated system colors are represented as the <deprecated-color> sub-type, and are defined as:",
|
|
1203
|
-
"type": "type"
|
|
1351
|
+
"type": "type",
|
|
1352
|
+
"values": [
|
|
1353
|
+
{
|
|
1354
|
+
"name": "ActiveBorder",
|
|
1355
|
+
"prose": "Active window border. Same as ButtonBorder.",
|
|
1356
|
+
"type": "value",
|
|
1357
|
+
"value": "ActiveBorder"
|
|
1358
|
+
},
|
|
1359
|
+
{
|
|
1360
|
+
"name": "ActiveCaption",
|
|
1361
|
+
"prose": "Active window caption. Same as CanvasText.",
|
|
1362
|
+
"type": "value",
|
|
1363
|
+
"value": "ActiveCaption"
|
|
1364
|
+
},
|
|
1365
|
+
{
|
|
1366
|
+
"name": "AppWorkspace",
|
|
1367
|
+
"prose": "Background color of multiple document interface. Same as Canvas.",
|
|
1368
|
+
"type": "value",
|
|
1369
|
+
"value": "AppWorkspace"
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"name": "Background",
|
|
1373
|
+
"prose": "Desktop background. Same as Canvas.",
|
|
1374
|
+
"type": "value",
|
|
1375
|
+
"value": "Background"
|
|
1376
|
+
},
|
|
1377
|
+
{
|
|
1378
|
+
"name": "ButtonHighlight",
|
|
1379
|
+
"prose": "The color of the border facing the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
|
|
1380
|
+
"type": "value",
|
|
1381
|
+
"value": "ButtonHighlight"
|
|
1382
|
+
},
|
|
1383
|
+
{
|
|
1384
|
+
"name": "ButtonShadow",
|
|
1385
|
+
"prose": "The color of the border away from the light source for 3-D elements that appear 3-D due to one layer of surrounding border. Same as ButtonFace.",
|
|
1386
|
+
"type": "value",
|
|
1387
|
+
"value": "ButtonShadow"
|
|
1388
|
+
},
|
|
1389
|
+
{
|
|
1390
|
+
"name": "CaptionText",
|
|
1391
|
+
"prose": "Text in caption, size box, and scrollbar arrow box. Same as CanvasText.",
|
|
1392
|
+
"type": "value",
|
|
1393
|
+
"value": "CaptionText"
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"name": "InactiveBorder",
|
|
1397
|
+
"prose": "Inactive window border. Same as ButtonBorder.",
|
|
1398
|
+
"type": "value",
|
|
1399
|
+
"value": "InactiveBorder"
|
|
1400
|
+
},
|
|
1401
|
+
{
|
|
1402
|
+
"name": "InactiveCaption",
|
|
1403
|
+
"prose": "Inactive window caption. Same as Canvas.",
|
|
1404
|
+
"type": "value",
|
|
1405
|
+
"value": "InactiveCaption"
|
|
1406
|
+
},
|
|
1407
|
+
{
|
|
1408
|
+
"name": "InactiveCaptionText",
|
|
1409
|
+
"prose": "Color of text in an inactive caption. Same as GrayText.",
|
|
1410
|
+
"type": "value",
|
|
1411
|
+
"value": "InactiveCaptionText"
|
|
1412
|
+
},
|
|
1413
|
+
{
|
|
1414
|
+
"name": "InfoBackground",
|
|
1415
|
+
"prose": "Background color for tooltip controls. Same as Canvas.",
|
|
1416
|
+
"type": "value",
|
|
1417
|
+
"value": "InfoBackground"
|
|
1418
|
+
},
|
|
1419
|
+
{
|
|
1420
|
+
"name": "InfoText",
|
|
1421
|
+
"prose": "Text color for tooltip controls. Same as CanvasText.",
|
|
1422
|
+
"type": "value",
|
|
1423
|
+
"value": "InfoText"
|
|
1424
|
+
},
|
|
1425
|
+
{
|
|
1426
|
+
"name": "Menu",
|
|
1427
|
+
"prose": "Menu background. Same as Canvas.",
|
|
1428
|
+
"type": "value",
|
|
1429
|
+
"value": "Menu"
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"name": "MenuText",
|
|
1433
|
+
"prose": "Text in menus. Same as CanvasText.",
|
|
1434
|
+
"type": "value",
|
|
1435
|
+
"value": "MenuText"
|
|
1436
|
+
},
|
|
1437
|
+
{
|
|
1438
|
+
"name": "Scrollbar",
|
|
1439
|
+
"prose": "Scroll bar gray area. Same as Canvas.",
|
|
1440
|
+
"type": "value",
|
|
1441
|
+
"value": "Scrollbar"
|
|
1442
|
+
},
|
|
1443
|
+
{
|
|
1444
|
+
"name": "ThreeDDarkShadow",
|
|
1445
|
+
"prose": "The color of the darker (generally outer) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
1446
|
+
"type": "value",
|
|
1447
|
+
"value": "ThreeDDarkShadow"
|
|
1448
|
+
},
|
|
1449
|
+
{
|
|
1450
|
+
"name": "ThreeDFace",
|
|
1451
|
+
"prose": "The face background color for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonFace.",
|
|
1452
|
+
"type": "value",
|
|
1453
|
+
"value": "ThreeDFace"
|
|
1454
|
+
},
|
|
1455
|
+
{
|
|
1456
|
+
"name": "ThreeDHighlight",
|
|
1457
|
+
"prose": "The color of the lighter (generally outer) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
1458
|
+
"type": "value",
|
|
1459
|
+
"value": "ThreeDHighlight"
|
|
1460
|
+
},
|
|
1461
|
+
{
|
|
1462
|
+
"name": "ThreeDLightShadow",
|
|
1463
|
+
"prose": "The color of the darker (generally inner) of the two borders facing the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
1464
|
+
"type": "value",
|
|
1465
|
+
"value": "ThreeDLightShadow"
|
|
1466
|
+
},
|
|
1467
|
+
{
|
|
1468
|
+
"name": "ThreeDShadow",
|
|
1469
|
+
"prose": "The color of the lighter (generally inner) of the two borders away from the light source for 3-D elements that appear 3-D due to two concentric layers of surrounding border. Same as ButtonBorder.",
|
|
1470
|
+
"type": "value",
|
|
1471
|
+
"value": "ThreeDShadow"
|
|
1472
|
+
},
|
|
1473
|
+
{
|
|
1474
|
+
"name": "Window",
|
|
1475
|
+
"prose": "Window background. Same as Canvas.",
|
|
1476
|
+
"type": "value",
|
|
1477
|
+
"value": "Window"
|
|
1478
|
+
},
|
|
1479
|
+
{
|
|
1480
|
+
"name": "WindowFrame",
|
|
1481
|
+
"prose": "Window frame. Same as ButtonBorder.",
|
|
1482
|
+
"type": "value",
|
|
1483
|
+
"value": "WindowFrame"
|
|
1484
|
+
},
|
|
1485
|
+
{
|
|
1486
|
+
"name": "WindowText",
|
|
1487
|
+
"prose": "Text in windows. Same as CanvasText.",
|
|
1488
|
+
"type": "value",
|
|
1489
|
+
"value": "WindowText"
|
|
1490
|
+
}
|
|
1491
|
+
]
|
|
1204
1492
|
},
|
|
1205
1493
|
{
|
|
1206
1494
|
"name": "<quirky-color>",
|
package/css-content.json
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
"name": "<content-list>",
|
|
37
|
-
"value": "[ <string> | contents | <
|
|
37
|
+
"value": "[ <string> | <image> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+",
|
|
38
38
|
"type": "type",
|
|
39
39
|
"values": [
|
|
40
40
|
{
|
package/css-fonts.json
CHANGED
|
@@ -1297,7 +1297,7 @@
|
|
|
1297
1297
|
},
|
|
1298
1298
|
{
|
|
1299
1299
|
"name": "cursive",
|
|
1300
|
-
"prose": "Glyphs in cursive fonts generally use a more informal script style, and the result looks more like handwritten pen or brush writing than printed letterwork.
|
|
1300
|
+
"prose": "Glyphs in cursive fonts generally use a more informal script style, and the result looks more like handwritten pen or brush writing than printed letterwork. CSS uses the term \"cursive\" to apply to a font for any script, although other names such as Chancery, Brush, Swing and Script are also used in font names. Sample cursive fonts",
|
|
1301
1301
|
"type": "value",
|
|
1302
1302
|
"value": "cursive"
|
|
1303
1303
|
},
|
|
@@ -1330,6 +1330,16 @@
|
|
|
1330
1330
|
"value": "generic()",
|
|
1331
1331
|
"type": "value"
|
|
1332
1332
|
},
|
|
1333
|
+
{
|
|
1334
|
+
"name": "generic()",
|
|
1335
|
+
"value": "generic()",
|
|
1336
|
+
"type": "value"
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"name": "generic()",
|
|
1340
|
+
"value": "generic()",
|
|
1341
|
+
"type": "value"
|
|
1342
|
+
},
|
|
1333
1343
|
{
|
|
1334
1344
|
"name": "ui-serif",
|
|
1335
1345
|
"prose": "This font family is used for the serif variant of the system’s user interface. The purpose of ui-serif is to allow web content to integrate with the look and feel of the native OS. Sample ui-serif font on macOS Catalina and iOS 13: New York",
|
package/css-gcpm-4.json
CHANGED
|
@@ -39,12 +39,11 @@
|
|
|
39
39
|
"prose": "The element is the first matched element on the page, and neither it nor its ancestors have any previous siblings that appear on the page."
|
|
40
40
|
}
|
|
41
41
|
],
|
|
42
|
-
"values": [
|
|
43
|
-
"warnings": [
|
|
42
|
+
"values": [
|
|
44
43
|
{
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"value": "element | content | text | attr(
|
|
44
|
+
"name": "<content-level>",
|
|
45
|
+
"type": "type",
|
|
46
|
+
"value": "element | content | text | <attr()> | <counter>"
|
|
48
47
|
}
|
|
49
48
|
]
|
|
50
49
|
}
|
package/css-images-4.json
CHANGED