@webref/css 6.19.1 → 6.20.1
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-animations-2.json +246 -0
- package/css-borders.json +332 -27
- package/css-color-5.json +10 -10
- package/css-color-hdr.json +5 -5
- package/css-display.json +25 -0
- package/css-env.json +24 -0
- package/css-gaps.json +4 -4
- package/css-grid-3.json +221 -218
- package/css-mixins.json +1 -19
- package/css-shapes-2.json +1 -1
- package/css-values-5.json +8 -14
- package/package.json +1 -1
package/css-animations-2.json
CHANGED
|
@@ -67,6 +67,240 @@
|
|
|
67
67
|
"animation-timeline",
|
|
68
68
|
"animationTimeline"
|
|
69
69
|
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "animation-trigger-type",
|
|
73
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-type",
|
|
74
|
+
"value": "<single-animation-trigger-type>#",
|
|
75
|
+
"initial": "once",
|
|
76
|
+
"appliesTo": "all elements",
|
|
77
|
+
"inherited": "no",
|
|
78
|
+
"percentages": "N/A",
|
|
79
|
+
"computedValue": "list, each item a keyword as specified",
|
|
80
|
+
"canonicalOrder": "per grammar",
|
|
81
|
+
"animationType": "not animatable",
|
|
82
|
+
"values": [
|
|
83
|
+
{
|
|
84
|
+
"name": "once",
|
|
85
|
+
"prose": "The animation is triggered and played once and only once.",
|
|
86
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-type-once",
|
|
87
|
+
"type": "value",
|
|
88
|
+
"value": "once"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"name": "repeat",
|
|
92
|
+
"prose": "The animation is played from the beginning each time it is triggered. When the trigger’s active interval is exited the animation is reset.",
|
|
93
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-type-repeat",
|
|
94
|
+
"type": "value",
|
|
95
|
+
"value": "repeat"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "alternate",
|
|
99
|
+
"prose": "The animation is played forwards, according to its playback direction, each time it is triggered. When the trigger’s active interval is exited the animation is reversed.",
|
|
100
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-type-alternate",
|
|
101
|
+
"type": "value",
|
|
102
|
+
"value": "alternate"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "state",
|
|
106
|
+
"prose": "The animation is triggered and played once. When the trigger’s active interval is exited the animation is paused. When the trigger’s active interval is re-entered the animation is resumed.",
|
|
107
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-type-state",
|
|
108
|
+
"type": "value",
|
|
109
|
+
"value": "state"
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
"styleDeclaration": [
|
|
113
|
+
"animation-trigger-type",
|
|
114
|
+
"animationTriggerType"
|
|
115
|
+
]
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"name": "animation-trigger-timeline",
|
|
119
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-timeline",
|
|
120
|
+
"value": "<single-animation-timeline>#",
|
|
121
|
+
"initial": "auto",
|
|
122
|
+
"appliesTo": "all elements",
|
|
123
|
+
"inherited": "no",
|
|
124
|
+
"percentages": "N/A",
|
|
125
|
+
"computedValue": "list, each item either the keyword none, the keyword auto, a case-sensitive css identifier, a computed scroll() function, or a computed view() function",
|
|
126
|
+
"canonicalOrder": "per grammar",
|
|
127
|
+
"animationType": "not animatable",
|
|
128
|
+
"styleDeclaration": [
|
|
129
|
+
"animation-trigger-timeline",
|
|
130
|
+
"animationTriggerTimeline"
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "animation-trigger-range",
|
|
135
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range",
|
|
136
|
+
"value": "[ <'animation-trigger-range-start'> <'animation-trigger-range-end'>? ]#",
|
|
137
|
+
"initial": "see individual properties",
|
|
138
|
+
"appliesTo": "see individual properties",
|
|
139
|
+
"inherited": "see individual properties",
|
|
140
|
+
"percentages": "see individual properties",
|
|
141
|
+
"computedValue": "see individual properties",
|
|
142
|
+
"animationType": "see individual properties",
|
|
143
|
+
"canonicalOrder": "per grammar",
|
|
144
|
+
"styleDeclaration": [
|
|
145
|
+
"animation-trigger-range",
|
|
146
|
+
"animationTriggerRange"
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"name": "animation-trigger-range-start",
|
|
151
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range-start",
|
|
152
|
+
"value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
|
|
153
|
+
"initial": "normal",
|
|
154
|
+
"appliesTo": "all elements",
|
|
155
|
+
"inherited": "no",
|
|
156
|
+
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
|
|
157
|
+
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
|
|
158
|
+
"canonicalOrder": "per grammar",
|
|
159
|
+
"animationType": "not animatable",
|
|
160
|
+
"styleDeclaration": [
|
|
161
|
+
"animation-trigger-range-start",
|
|
162
|
+
"animationTriggerRangeStart"
|
|
163
|
+
]
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "animation-trigger-range-end",
|
|
167
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-range-end",
|
|
168
|
+
"value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
|
|
169
|
+
"initial": "normal",
|
|
170
|
+
"appliesTo": "all elements",
|
|
171
|
+
"inherited": "no",
|
|
172
|
+
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
|
|
173
|
+
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
|
|
174
|
+
"canonicalOrder": "per grammar",
|
|
175
|
+
"animationType": "not animatable",
|
|
176
|
+
"styleDeclaration": [
|
|
177
|
+
"animation-trigger-range-end",
|
|
178
|
+
"animationTriggerRangeEnd"
|
|
179
|
+
]
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"name": "animation-trigger-exit-range",
|
|
183
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range",
|
|
184
|
+
"value": "[ <'animation-trigger-exit-range-start'> <'animation-trigger-exit-range-end'>? ]#",
|
|
185
|
+
"initial": "see individual properties",
|
|
186
|
+
"appliesTo": "see individual properties",
|
|
187
|
+
"inherited": "see individual properties",
|
|
188
|
+
"percentages": "see individual properties",
|
|
189
|
+
"computedValue": "see individual properties",
|
|
190
|
+
"animationType": "see individual properties",
|
|
191
|
+
"canonicalOrder": "per grammar",
|
|
192
|
+
"styleDeclaration": [
|
|
193
|
+
"animation-trigger-exit-range",
|
|
194
|
+
"animationTriggerExitRange"
|
|
195
|
+
]
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "animation-trigger-exit-range-start",
|
|
199
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range-start",
|
|
200
|
+
"value": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
|
|
201
|
+
"initial": "auto",
|
|
202
|
+
"appliesTo": "all elements",
|
|
203
|
+
"inherited": "no",
|
|
204
|
+
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
|
|
205
|
+
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
|
|
206
|
+
"canonicalOrder": "per grammar",
|
|
207
|
+
"animationType": "not animatable",
|
|
208
|
+
"values": [
|
|
209
|
+
{
|
|
210
|
+
"name": "auto",
|
|
211
|
+
"prose": "The start of the trigger’s exit range is equal to the start of its default range.",
|
|
212
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-auto",
|
|
213
|
+
"type": "value",
|
|
214
|
+
"value": "auto"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"name": "normal",
|
|
218
|
+
"prose": "The start of the trigger’s exit range is the start of its associated timeline; the start of the trigger’s active interval is determined as normal.",
|
|
219
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-normal",
|
|
220
|
+
"type": "value",
|
|
221
|
+
"value": "normal"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "<length-percentage>",
|
|
225
|
+
"prose": "The exit range starts at the specified point on the timeline measuring from the start of the timeline.",
|
|
226
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-length-percentage",
|
|
227
|
+
"type": "value",
|
|
228
|
+
"value": "<length-percentage>"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"name": "<timeline-range-name> <length-percentage>?",
|
|
232
|
+
"prose": "The exit range starts at the specified point on the timeline measuring from the start of the specified named timeline range. If the <length-percentage> is omitted, it defaults to 0%.",
|
|
233
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-start-timeline-range-name-length-percentage",
|
|
234
|
+
"type": "value",
|
|
235
|
+
"value": "<timeline-range-name> <length-percentage>?"
|
|
236
|
+
}
|
|
237
|
+
],
|
|
238
|
+
"styleDeclaration": [
|
|
239
|
+
"animation-trigger-exit-range-start",
|
|
240
|
+
"animationTriggerExitRangeStart"
|
|
241
|
+
]
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "animation-trigger-exit-range-end",
|
|
245
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger-exit-range-end",
|
|
246
|
+
"value": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
|
|
247
|
+
"initial": "auto",
|
|
248
|
+
"appliesTo": "all elements",
|
|
249
|
+
"inherited": "no",
|
|
250
|
+
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
|
|
251
|
+
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
|
|
252
|
+
"canonicalOrder": "per grammar",
|
|
253
|
+
"animationType": "not animatable",
|
|
254
|
+
"values": [
|
|
255
|
+
{
|
|
256
|
+
"name": "auto",
|
|
257
|
+
"prose": "The end of the trigger’s exit range is equal to the end of its default range.",
|
|
258
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-auto",
|
|
259
|
+
"type": "value",
|
|
260
|
+
"value": "auto"
|
|
261
|
+
},
|
|
262
|
+
{
|
|
263
|
+
"name": "normal",
|
|
264
|
+
"prose": "The end of the trigger’s exit range is the end of its associated timeline; the end of the trigger’s active interval is determined as normal.",
|
|
265
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-normal",
|
|
266
|
+
"type": "value",
|
|
267
|
+
"value": "normal"
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"name": "<length-percentage>",
|
|
271
|
+
"prose": "The exit range ends at the specified point on the timeline measuring from the start of the timeline.",
|
|
272
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-length-percentage",
|
|
273
|
+
"type": "value",
|
|
274
|
+
"value": "<length-percentage>"
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"name": "<timeline-range-name> <length-percentage>?",
|
|
278
|
+
"prose": "The exit range ends at the specified point on the timeline measuring from the start of the specified named timeline range. If the <length-percentage> is omitted, it defaults to 100%.",
|
|
279
|
+
"href": "https://drafts.csswg.org/css-animations-2/#valdef-animation-trigger-exit-range-end-timeline-range-name-length-percentage",
|
|
280
|
+
"type": "value",
|
|
281
|
+
"value": "<timeline-range-name> <length-percentage>?"
|
|
282
|
+
}
|
|
283
|
+
],
|
|
284
|
+
"styleDeclaration": [
|
|
285
|
+
"animation-trigger-exit-range-end",
|
|
286
|
+
"animationTriggerExitRangeEnd"
|
|
287
|
+
]
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"name": "animation-trigger",
|
|
291
|
+
"href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
|
|
292
|
+
"value": "<single-animation-trigger>#",
|
|
293
|
+
"initial": "see individual properties",
|
|
294
|
+
"appliesTo": "all elements",
|
|
295
|
+
"inherited": "no",
|
|
296
|
+
"percentages": "N/A",
|
|
297
|
+
"computedValue": "see individual properties",
|
|
298
|
+
"canonicalOrder": "per grammar",
|
|
299
|
+
"animationType": "not animatable",
|
|
300
|
+
"styleDeclaration": [
|
|
301
|
+
"animation-trigger",
|
|
302
|
+
"animationTrigger"
|
|
303
|
+
]
|
|
70
304
|
}
|
|
71
305
|
],
|
|
72
306
|
"atrules": [],
|
|
@@ -126,6 +360,18 @@
|
|
|
126
360
|
"value": "<'animation-duration'> || <easing-function> || <'animation-delay'> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ] || <single-animation-timeline>",
|
|
127
361
|
"href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation",
|
|
128
362
|
"type": "type"
|
|
363
|
+
},
|
|
364
|
+
{
|
|
365
|
+
"name": "<single-animation-trigger-type>",
|
|
366
|
+
"value": "once | repeat | alternate | state",
|
|
367
|
+
"href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger-type",
|
|
368
|
+
"type": "type"
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
"name": "<single-animation-trigger>",
|
|
372
|
+
"href": "https://drafts.csswg.org/css-animations-2/#typedef-single-animation-trigger",
|
|
373
|
+
"type": "type",
|
|
374
|
+
"value": "<single-animation-trigger-type> || [ none | auto | [ [ <dashed-ident> | <scroll()> | <view()> ] [ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]{0,4} ] ]"
|
|
129
375
|
}
|
|
130
376
|
]
|
|
131
377
|
}
|
package/css-borders.json
CHANGED
|
@@ -967,48 +967,281 @@
|
|
|
967
967
|
{
|
|
968
968
|
"name": "corner-shape",
|
|
969
969
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-shape",
|
|
970
|
-
"value": "
|
|
970
|
+
"value": "<corner-shape-value>{1,4}",
|
|
971
971
|
"initial": "round",
|
|
972
|
-
"appliesTo": "all elements
|
|
972
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
973
973
|
"inherited": "no",
|
|
974
974
|
"percentages": "n/a",
|
|
975
975
|
"computedValue": "as specified",
|
|
976
976
|
"canonicalOrder": "per grammar",
|
|
977
|
-
"animationType": "
|
|
978
|
-
"values": [
|
|
979
|
-
{
|
|
980
|
-
"name": "round",
|
|
981
|
-
"prose": "Border radii define a convex elliptical curve at the corner.",
|
|
982
|
-
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-round",
|
|
983
|
-
"type": "value",
|
|
984
|
-
"value": "round"
|
|
985
|
-
},
|
|
986
|
-
{
|
|
987
|
-
"name": "angle",
|
|
988
|
-
"prose": "Border radii define a diagonal slice at the corner.",
|
|
989
|
-
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-angle",
|
|
990
|
-
"type": "value",
|
|
991
|
-
"value": "angle"
|
|
992
|
-
}
|
|
993
|
-
],
|
|
977
|
+
"animationType": "see individual properties",
|
|
994
978
|
"styleDeclaration": [
|
|
995
979
|
"corner-shape",
|
|
996
980
|
"cornerShape"
|
|
997
981
|
]
|
|
998
982
|
},
|
|
999
983
|
{
|
|
1000
|
-
"name": "
|
|
1001
|
-
"href": "https://drafts.csswg.org/css-borders-4/#propdef-
|
|
1002
|
-
"value": "<
|
|
1003
|
-
"initial": "
|
|
1004
|
-
"appliesTo": "
|
|
1005
|
-
"inherited": "
|
|
1006
|
-
"percentages": "
|
|
984
|
+
"name": "corner-top-left-shape",
|
|
985
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left-shape",
|
|
986
|
+
"value": "<corner-shape-value>",
|
|
987
|
+
"initial": "round",
|
|
988
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
989
|
+
"inherited": "no",
|
|
990
|
+
"percentages": "n/a",
|
|
991
|
+
"computedValue": "the corresponding superellipse() value",
|
|
992
|
+
"canonicalOrder": "per grammar",
|
|
993
|
+
"animationType": "see superellipse interpolation",
|
|
994
|
+
"logicalPropertyGroup": "corner-shape",
|
|
995
|
+
"styleDeclaration": [
|
|
996
|
+
"corner-top-left-shape",
|
|
997
|
+
"cornerTopLeftShape"
|
|
998
|
+
]
|
|
999
|
+
},
|
|
1000
|
+
{
|
|
1001
|
+
"name": "corner-top-right-shape",
|
|
1002
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right-shape",
|
|
1003
|
+
"value": "<corner-shape-value>",
|
|
1004
|
+
"initial": "round",
|
|
1005
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1006
|
+
"inherited": "no",
|
|
1007
|
+
"percentages": "n/a",
|
|
1008
|
+
"computedValue": "the corresponding superellipse() value",
|
|
1009
|
+
"canonicalOrder": "per grammar",
|
|
1010
|
+
"animationType": "see superellipse interpolation",
|
|
1011
|
+
"logicalPropertyGroup": "corner-shape",
|
|
1012
|
+
"styleDeclaration": [
|
|
1013
|
+
"corner-top-right-shape",
|
|
1014
|
+
"cornerTopRightShape"
|
|
1015
|
+
]
|
|
1016
|
+
},
|
|
1017
|
+
{
|
|
1018
|
+
"name": "corner-bottom-right-shape",
|
|
1019
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right-shape",
|
|
1020
|
+
"value": "<corner-shape-value>",
|
|
1021
|
+
"initial": "round",
|
|
1022
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1023
|
+
"inherited": "no",
|
|
1024
|
+
"percentages": "n/a",
|
|
1025
|
+
"computedValue": "the corresponding superellipse() value",
|
|
1026
|
+
"canonicalOrder": "per grammar",
|
|
1027
|
+
"animationType": "see superellipse interpolation",
|
|
1028
|
+
"logicalPropertyGroup": "corner-shape",
|
|
1029
|
+
"styleDeclaration": [
|
|
1030
|
+
"corner-bottom-right-shape",
|
|
1031
|
+
"cornerBottomRightShape"
|
|
1032
|
+
]
|
|
1033
|
+
},
|
|
1034
|
+
{
|
|
1035
|
+
"name": "corner-bottom-left-shape",
|
|
1036
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left-shape",
|
|
1037
|
+
"value": "<corner-shape-value>",
|
|
1038
|
+
"initial": "round",
|
|
1039
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1040
|
+
"inherited": "no",
|
|
1041
|
+
"percentages": "n/a",
|
|
1042
|
+
"computedValue": "the corresponding superellipse() value",
|
|
1043
|
+
"canonicalOrder": "per grammar",
|
|
1044
|
+
"animationType": "see superellipse interpolation",
|
|
1045
|
+
"logicalPropertyGroup": "corner-shape",
|
|
1046
|
+
"styleDeclaration": [
|
|
1047
|
+
"corner-bottom-left-shape",
|
|
1048
|
+
"cornerBottomLeftShape"
|
|
1049
|
+
]
|
|
1050
|
+
},
|
|
1051
|
+
{
|
|
1052
|
+
"name": "corner-start-start-shape",
|
|
1053
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start-shape",
|
|
1054
|
+
"value": "<corner-shape-value>",
|
|
1055
|
+
"initial": "round",
|
|
1056
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1057
|
+
"inherited": "no",
|
|
1058
|
+
"percentages": "n/a",
|
|
1059
|
+
"computedValue": "the corresponding superellipse() value",
|
|
1060
|
+
"canonicalOrder": "per grammar",
|
|
1061
|
+
"animationType": "see superellipse interpolation",
|
|
1062
|
+
"logicalPropertyGroup": "corner-shape",
|
|
1063
|
+
"styleDeclaration": [
|
|
1064
|
+
"corner-start-start-shape",
|
|
1065
|
+
"cornerStartStartShape"
|
|
1066
|
+
]
|
|
1067
|
+
},
|
|
1068
|
+
{
|
|
1069
|
+
"name": "corner-start-end-shape",
|
|
1070
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end-shape",
|
|
1071
|
+
"value": "<corner-shape-value>",
|
|
1072
|
+
"initial": "round",
|
|
1073
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1074
|
+
"inherited": "no",
|
|
1075
|
+
"percentages": "n/a",
|
|
1076
|
+
"computedValue": "the corresponding superellipse() value",
|
|
1077
|
+
"canonicalOrder": "per grammar",
|
|
1078
|
+
"animationType": "see superellipse interpolation",
|
|
1079
|
+
"logicalPropertyGroup": "corner-shape",
|
|
1080
|
+
"styleDeclaration": [
|
|
1081
|
+
"corner-start-end-shape",
|
|
1082
|
+
"cornerStartEndShape"
|
|
1083
|
+
]
|
|
1084
|
+
},
|
|
1085
|
+
{
|
|
1086
|
+
"name": "corner-end-start-shape",
|
|
1087
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start-shape",
|
|
1088
|
+
"value": "<corner-shape-value>",
|
|
1089
|
+
"initial": "round",
|
|
1090
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1091
|
+
"inherited": "no",
|
|
1092
|
+
"percentages": "n/a",
|
|
1093
|
+
"computedValue": "the corresponding superellipse() value",
|
|
1094
|
+
"canonicalOrder": "per grammar",
|
|
1095
|
+
"animationType": "see superellipse interpolation",
|
|
1096
|
+
"logicalPropertyGroup": "corner-shape",
|
|
1097
|
+
"styleDeclaration": [
|
|
1098
|
+
"corner-end-start-shape",
|
|
1099
|
+
"cornerEndStartShape"
|
|
1100
|
+
]
|
|
1101
|
+
},
|
|
1102
|
+
{
|
|
1103
|
+
"name": "corner-end-end-shape",
|
|
1104
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end-shape",
|
|
1105
|
+
"value": "<corner-shape-value>",
|
|
1106
|
+
"initial": "round",
|
|
1107
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1108
|
+
"inherited": "no",
|
|
1109
|
+
"percentages": "n/a",
|
|
1110
|
+
"computedValue": "the corresponding superellipse() value",
|
|
1111
|
+
"canonicalOrder": "per grammar",
|
|
1112
|
+
"animationType": "see superellipse interpolation",
|
|
1113
|
+
"logicalPropertyGroup": "corner-shape",
|
|
1114
|
+
"styleDeclaration": [
|
|
1115
|
+
"corner-end-end-shape",
|
|
1116
|
+
"cornerEndEndShape"
|
|
1117
|
+
]
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"name": "corner-top-shape",
|
|
1121
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-shape",
|
|
1122
|
+
"value": "<corner-shape-value>",
|
|
1123
|
+
"initial": "round",
|
|
1124
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1125
|
+
"inherited": "no",
|
|
1126
|
+
"percentages": "n/a",
|
|
1007
1127
|
"computedValue": "see individual properties",
|
|
1128
|
+
"canonicalOrder": "per grammar",
|
|
1008
1129
|
"animationType": "see individual properties",
|
|
1130
|
+
"styleDeclaration": [
|
|
1131
|
+
"corner-top-shape",
|
|
1132
|
+
"cornerTopShape"
|
|
1133
|
+
]
|
|
1134
|
+
},
|
|
1135
|
+
{
|
|
1136
|
+
"name": "corner-right-shape",
|
|
1137
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right-shape",
|
|
1138
|
+
"value": "<corner-shape-value>",
|
|
1139
|
+
"initial": "round",
|
|
1140
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1141
|
+
"inherited": "no",
|
|
1142
|
+
"percentages": "n/a",
|
|
1143
|
+
"computedValue": "see individual properties",
|
|
1009
1144
|
"canonicalOrder": "per grammar",
|
|
1145
|
+
"animationType": "see individual properties",
|
|
1010
1146
|
"styleDeclaration": [
|
|
1011
|
-
"
|
|
1147
|
+
"corner-right-shape",
|
|
1148
|
+
"cornerRightShape"
|
|
1149
|
+
]
|
|
1150
|
+
},
|
|
1151
|
+
{
|
|
1152
|
+
"name": "corner-bottom-shape",
|
|
1153
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-shape",
|
|
1154
|
+
"value": "<corner-shape-value>",
|
|
1155
|
+
"initial": "round",
|
|
1156
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1157
|
+
"inherited": "no",
|
|
1158
|
+
"percentages": "n/a",
|
|
1159
|
+
"computedValue": "see individual properties",
|
|
1160
|
+
"canonicalOrder": "per grammar",
|
|
1161
|
+
"animationType": "see individual properties",
|
|
1162
|
+
"styleDeclaration": [
|
|
1163
|
+
"corner-bottom-shape",
|
|
1164
|
+
"cornerBottomShape"
|
|
1165
|
+
]
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"name": "corner-left-shape",
|
|
1169
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left-shape",
|
|
1170
|
+
"value": "<corner-shape-value>",
|
|
1171
|
+
"initial": "round",
|
|
1172
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1173
|
+
"inherited": "no",
|
|
1174
|
+
"percentages": "n/a",
|
|
1175
|
+
"computedValue": "see individual properties",
|
|
1176
|
+
"canonicalOrder": "per grammar",
|
|
1177
|
+
"animationType": "see individual properties",
|
|
1178
|
+
"styleDeclaration": [
|
|
1179
|
+
"corner-left-shape",
|
|
1180
|
+
"cornerLeftShape"
|
|
1181
|
+
]
|
|
1182
|
+
},
|
|
1183
|
+
{
|
|
1184
|
+
"name": "corner-block-start-shape",
|
|
1185
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start-shape",
|
|
1186
|
+
"value": "<corner-shape-value>",
|
|
1187
|
+
"initial": "round",
|
|
1188
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1189
|
+
"inherited": "no",
|
|
1190
|
+
"percentages": "n/a",
|
|
1191
|
+
"computedValue": "see individual properties",
|
|
1192
|
+
"canonicalOrder": "per grammar",
|
|
1193
|
+
"animationType": "see individual properties",
|
|
1194
|
+
"styleDeclaration": [
|
|
1195
|
+
"corner-block-start-shape",
|
|
1196
|
+
"cornerBlockStartShape"
|
|
1197
|
+
]
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"name": "corner-block-end-shape",
|
|
1201
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end-shape",
|
|
1202
|
+
"value": "<corner-shape-value>",
|
|
1203
|
+
"initial": "round",
|
|
1204
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1205
|
+
"inherited": "no",
|
|
1206
|
+
"percentages": "n/a",
|
|
1207
|
+
"computedValue": "see individual properties",
|
|
1208
|
+
"canonicalOrder": "per grammar",
|
|
1209
|
+
"animationType": "see individual properties",
|
|
1210
|
+
"styleDeclaration": [
|
|
1211
|
+
"corner-block-end-shape",
|
|
1212
|
+
"cornerBlockEndShape"
|
|
1213
|
+
]
|
|
1214
|
+
},
|
|
1215
|
+
{
|
|
1216
|
+
"name": "corner-inline-start-shape",
|
|
1217
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start-shape",
|
|
1218
|
+
"value": "<corner-shape-value>",
|
|
1219
|
+
"initial": "round",
|
|
1220
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1221
|
+
"inherited": "no",
|
|
1222
|
+
"percentages": "n/a",
|
|
1223
|
+
"computedValue": "see individual properties",
|
|
1224
|
+
"canonicalOrder": "per grammar",
|
|
1225
|
+
"animationType": "see individual properties",
|
|
1226
|
+
"styleDeclaration": [
|
|
1227
|
+
"corner-inline-start-shape",
|
|
1228
|
+
"cornerInlineStartShape"
|
|
1229
|
+
]
|
|
1230
|
+
},
|
|
1231
|
+
{
|
|
1232
|
+
"name": "corner-inline-end-shape",
|
|
1233
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end-shape",
|
|
1234
|
+
"value": "<corner-shape-value>",
|
|
1235
|
+
"initial": "round",
|
|
1236
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1237
|
+
"inherited": "no",
|
|
1238
|
+
"percentages": "n/a",
|
|
1239
|
+
"computedValue": "see individual properties",
|
|
1240
|
+
"canonicalOrder": "per grammar",
|
|
1241
|
+
"animationType": "see individual properties",
|
|
1242
|
+
"styleDeclaration": [
|
|
1243
|
+
"corner-inline-end-shape",
|
|
1244
|
+
"cornerInlineEndShape"
|
|
1012
1245
|
]
|
|
1013
1246
|
},
|
|
1014
1247
|
{
|
|
@@ -1316,11 +1549,83 @@
|
|
|
1316
1549
|
"box-shadow",
|
|
1317
1550
|
"boxShadow"
|
|
1318
1551
|
]
|
|
1552
|
+
},
|
|
1553
|
+
{
|
|
1554
|
+
"name": "border-shape",
|
|
1555
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-border-shape",
|
|
1556
|
+
"value": "none | [ <basic-shape> <geometry-box>?]{1,2}",
|
|
1557
|
+
"initial": "none",
|
|
1558
|
+
"appliesTo": "all elements",
|
|
1559
|
+
"inherited": "no",
|
|
1560
|
+
"percentages": "relative to the given <geometry-box>, or to border box if not given.",
|
|
1561
|
+
"computedValue": "list, each item a computed color",
|
|
1562
|
+
"canonicalOrder": "per grammar",
|
|
1563
|
+
"animationType": "by computed value",
|
|
1564
|
+
"styleDeclaration": [
|
|
1565
|
+
"border-shape",
|
|
1566
|
+
"borderShape"
|
|
1567
|
+
]
|
|
1319
1568
|
}
|
|
1320
1569
|
],
|
|
1321
1570
|
"atrules": [],
|
|
1322
1571
|
"selectors": [],
|
|
1323
1572
|
"values": [
|
|
1573
|
+
{
|
|
1574
|
+
"name": "<corner-shape-value>",
|
|
1575
|
+
"href": "https://drafts.csswg.org/css-borders-4/#typedef-corner-shape-value",
|
|
1576
|
+
"type": "type",
|
|
1577
|
+
"value": "round | scoop | bevel | notch | straight | squircle | superellipse(<number [0,∞]> | infinity)",
|
|
1578
|
+
"values": [
|
|
1579
|
+
{
|
|
1580
|
+
"name": "round",
|
|
1581
|
+
"prose": "Border radii define a convex elliptical curve at the corner. Equivalent to superellipse(2).",
|
|
1582
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-round",
|
|
1583
|
+
"type": "value",
|
|
1584
|
+
"value": "round"
|
|
1585
|
+
},
|
|
1586
|
+
{
|
|
1587
|
+
"name": "scoop",
|
|
1588
|
+
"prose": "Border radii define a concave elliptical curve at the corner. Equivalent to superellipse(0.5).",
|
|
1589
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-scoop",
|
|
1590
|
+
"type": "value",
|
|
1591
|
+
"value": "scoop"
|
|
1592
|
+
},
|
|
1593
|
+
{
|
|
1594
|
+
"name": "bevel",
|
|
1595
|
+
"prose": "Border radii define a diagonal slice at the corner. Equivalent to superellipse(1).",
|
|
1596
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-bevel",
|
|
1597
|
+
"type": "value",
|
|
1598
|
+
"value": "bevel"
|
|
1599
|
+
},
|
|
1600
|
+
{
|
|
1601
|
+
"name": "notch",
|
|
1602
|
+
"prose": "Border radii define a concave 90deg angle at the corner. Equivalent to superellipse(0).",
|
|
1603
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-notch",
|
|
1604
|
+
"type": "value",
|
|
1605
|
+
"value": "notch"
|
|
1606
|
+
},
|
|
1607
|
+
{
|
|
1608
|
+
"name": "straight",
|
|
1609
|
+
"prose": "Border radii define a convex 90deg angle at the corner. This would have the same visual effect as a border-radius of 0. This is different from having a border-radius of 0 when animating. Equivalent to superellipse(infinity).",
|
|
1610
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-straight",
|
|
1611
|
+
"type": "value",
|
|
1612
|
+
"value": "straight"
|
|
1613
|
+
},
|
|
1614
|
+
{
|
|
1615
|
+
"name": "squircle",
|
|
1616
|
+
"prose": "Border radii define a convex curve between an ellipse and an convex angle, equivalent to superellipse(4).",
|
|
1617
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-squircle",
|
|
1618
|
+
"type": "value",
|
|
1619
|
+
"value": "squircle"
|
|
1620
|
+
}
|
|
1621
|
+
]
|
|
1622
|
+
},
|
|
1623
|
+
{
|
|
1624
|
+
"name": "superellipse()",
|
|
1625
|
+
"value": "superellipse( <number> | infinity )",
|
|
1626
|
+
"href": "https://drafts.csswg.org/css-borders-4/#funcdef-superellipse",
|
|
1627
|
+
"type": "function"
|
|
1628
|
+
},
|
|
1324
1629
|
{
|
|
1325
1630
|
"name": "<spread-shadow>",
|
|
1326
1631
|
"href": "https://drafts.csswg.org/css-borders-4/#typedef-spread-shadow",
|