@webref/css 6.9.1 → 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-backgrounds.json +1 -1
- package/css-color.json +400 -112
- package/css-fonts.json +11 -1
- package/css-gcpm-4.json +4 -5
- package/css-lists.json +7 -5
- package/css-ui.json +1 -1
- package/css-values.json +17 -17
- package/package.json +1 -1
- package/selectors.json +1 -1
package/css-backgrounds.json
CHANGED
|
@@ -788,7 +788,7 @@
|
|
|
788
788
|
{
|
|
789
789
|
"name": "<bg-position>",
|
|
790
790
|
"type": "type",
|
|
791
|
-
"value": "[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ]"
|
|
791
|
+
"value": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
|
|
792
792
|
},
|
|
793
793
|
{
|
|
794
794
|
"name": "<bg-size>",
|
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-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-lists.json
CHANGED
|
@@ -266,13 +266,9 @@
|
|
|
266
266
|
"type": "type",
|
|
267
267
|
"value": "reversed( <counter-name> )"
|
|
268
268
|
},
|
|
269
|
-
{
|
|
270
|
-
"name": "<counter>",
|
|
271
|
-
"type": "type",
|
|
272
|
-
"value": "<counter()> | <counters()>"
|
|
273
|
-
},
|
|
274
269
|
{
|
|
275
270
|
"name": "counter()",
|
|
271
|
+
"prose": "Counters have no visible effect by themselves, but their values can be used with the counter() and counters() functions, whose used values represent counter values as strings or images. They are defined as follows:",
|
|
276
272
|
"type": "function",
|
|
277
273
|
"value": "counter( <counter-name>, <counter-style>? )",
|
|
278
274
|
"values": [
|
|
@@ -286,6 +282,7 @@
|
|
|
286
282
|
},
|
|
287
283
|
{
|
|
288
284
|
"name": "counters()",
|
|
285
|
+
"prose": "Counters have no visible effect by themselves, but their values can be used with the counter() and counters() functions, whose used values represent counter values as strings or images. They are defined as follows:",
|
|
289
286
|
"type": "function",
|
|
290
287
|
"value": "counters( <counter-name>, <string>, <counter-style>? )",
|
|
291
288
|
"values": [
|
|
@@ -296,6 +293,11 @@
|
|
|
296
293
|
"value": "list-item"
|
|
297
294
|
}
|
|
298
295
|
]
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"name": "<counter>",
|
|
299
|
+
"type": "type",
|
|
300
|
+
"value": "<counter()> | <counters()>"
|
|
299
301
|
}
|
|
300
302
|
]
|
|
301
303
|
}
|
package/css-ui.json
CHANGED
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
"values": [
|
|
114
114
|
{
|
|
115
115
|
"name": "<url-set>",
|
|
116
|
-
"prose": "<url-set> is a limited version of image-set(), where
|
|
116
|
+
"prose": "<url-set> is a limited version of image-set(), where the <image> sub-production is restricted to <url> only.",
|
|
117
117
|
"type": "type"
|
|
118
118
|
},
|
|
119
119
|
{
|
package/css-values.json
CHANGED
|
@@ -179,97 +179,97 @@
|
|
|
179
179
|
},
|
|
180
180
|
{
|
|
181
181
|
"name": "vw",
|
|
182
|
-
"prose": "Equal to 1% of the width of the
|
|
182
|
+
"prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
|
|
183
183
|
"type": "value",
|
|
184
184
|
"value": "vw"
|
|
185
185
|
},
|
|
186
186
|
{
|
|
187
187
|
"name": "svw",
|
|
188
|
-
"prose": "Equal to 1% of the width of the
|
|
188
|
+
"prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
|
|
189
189
|
"type": "value",
|
|
190
190
|
"value": "svw"
|
|
191
191
|
},
|
|
192
192
|
{
|
|
193
193
|
"name": "lvw",
|
|
194
|
-
"prose": "Equal to 1% of the width of the
|
|
194
|
+
"prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
|
|
195
195
|
"type": "value",
|
|
196
196
|
"value": "lvw"
|
|
197
197
|
},
|
|
198
198
|
{
|
|
199
199
|
"name": "dvw",
|
|
200
|
-
"prose": "Equal to 1% of the width of the
|
|
200
|
+
"prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",
|
|
201
201
|
"type": "value",
|
|
202
202
|
"value": "dvw"
|
|
203
203
|
},
|
|
204
204
|
{
|
|
205
205
|
"name": "vh",
|
|
206
|
-
"prose": "Equal to 1% of the height of the
|
|
206
|
+
"prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
|
|
207
207
|
"type": "value",
|
|
208
208
|
"value": "vh"
|
|
209
209
|
},
|
|
210
210
|
{
|
|
211
211
|
"name": "svh",
|
|
212
|
-
"prose": "Equal to 1% of the height of the
|
|
212
|
+
"prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
|
|
213
213
|
"type": "value",
|
|
214
214
|
"value": "svh"
|
|
215
215
|
},
|
|
216
216
|
{
|
|
217
217
|
"name": "lvh",
|
|
218
|
-
"prose": "Equal to 1% of the height of the
|
|
218
|
+
"prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
|
|
219
219
|
"type": "value",
|
|
220
220
|
"value": "lvh"
|
|
221
221
|
},
|
|
222
222
|
{
|
|
223
223
|
"name": "dvh",
|
|
224
|
-
"prose": "Equal to 1% of the height of the
|
|
224
|
+
"prose": "Equal to 1% of the height of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively.",
|
|
225
225
|
"type": "value",
|
|
226
226
|
"value": "dvh"
|
|
227
227
|
},
|
|
228
228
|
{
|
|
229
229
|
"name": "vi",
|
|
230
|
-
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
230
|
+
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
231
231
|
"type": "value",
|
|
232
232
|
"value": "vi"
|
|
233
233
|
},
|
|
234
234
|
{
|
|
235
235
|
"name": "svi",
|
|
236
|
-
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
236
|
+
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
237
237
|
"type": "value",
|
|
238
238
|
"value": "svi"
|
|
239
239
|
},
|
|
240
240
|
{
|
|
241
241
|
"name": "lvi",
|
|
242
|
-
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
242
|
+
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
243
243
|
"type": "value",
|
|
244
244
|
"value": "lvi"
|
|
245
245
|
},
|
|
246
246
|
{
|
|
247
247
|
"name": "dvi",
|
|
248
|
-
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
248
|
+
"prose": "Equal to 1% of the size of the large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s inline axis.",
|
|
249
249
|
"type": "value",
|
|
250
250
|
"value": "dvi"
|
|
251
251
|
},
|
|
252
252
|
{
|
|
253
253
|
"name": "vb",
|
|
254
|
-
"prose": "Equal to 1% of the size of the initial containing block
|
|
254
|
+
"prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
|
|
255
255
|
"type": "value",
|
|
256
256
|
"value": "vb"
|
|
257
257
|
},
|
|
258
258
|
{
|
|
259
259
|
"name": "svb",
|
|
260
|
-
"prose": "Equal to 1% of the size of the initial containing block
|
|
260
|
+
"prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
|
|
261
261
|
"type": "value",
|
|
262
262
|
"value": "svb"
|
|
263
263
|
},
|
|
264
264
|
{
|
|
265
265
|
"name": "lvb",
|
|
266
|
-
"prose": "Equal to 1% of the size of the initial containing block
|
|
266
|
+
"prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
|
|
267
267
|
"type": "value",
|
|
268
268
|
"value": "lvb"
|
|
269
269
|
},
|
|
270
270
|
{
|
|
271
271
|
"name": "dvb",
|
|
272
|
-
"prose": "Equal to 1% of the size of the initial containing block
|
|
272
|
+
"prose": "Equal to 1% of the size of the initial containing block large viewport size, small viewport size, large viewport size, and dynamic viewport size (respectively) in the box’s block axis.",
|
|
273
273
|
"type": "value",
|
|
274
274
|
"value": "dvb"
|
|
275
275
|
},
|
|
@@ -462,7 +462,7 @@
|
|
|
462
462
|
"name": "<position>",
|
|
463
463
|
"prose": "The <position> value specifies the position of a object area (e.g. background image) inside a positioning area (e.g. background positioning area). It is interpreted as specified for background-position. [CSS3-BACKGROUND]",
|
|
464
464
|
"type": "type",
|
|
465
|
-
"value": "[ [ left | center | right ]
|
|
465
|
+
"value": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right ] && [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
|
|
466
466
|
},
|
|
467
467
|
{
|
|
468
468
|
"name": "calc()",
|
package/package.json
CHANGED