@webref/css 6.6.2 → 6.7.0
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 +68 -4
- package/css-backgrounds-4.json +1 -511
- package/css-backgrounds.json +0 -129
- package/css-borders.json +522 -0
- package/css-color.json +1 -1
- package/css-counter-styles.json +1 -1
- package/css-display.json +1 -1
- package/css-fonts.json +31 -2
- package/css-grid.json +10 -10
- package/css-images-4.json +3 -3
- package/css-masking.json +1 -1
- package/css-properties-values-api.json +1 -1
- package/css-regions.json +1 -1
- package/css-sizing.json +12 -12
- package/css-text-4.json +1 -1
- package/css-transitions-2.json +29 -2
- package/css-ui.json +11 -5
- package/motion.json +2 -2
- package/package.json +1 -1
- package/scroll-animations.json +1 -1
package/css-anchor-position.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "anchor-name",
|
|
9
|
-
"value": "none | <dashed-ident
|
|
9
|
+
"value": "none | <dashed-ident>#",
|
|
10
10
|
"initial": "none",
|
|
11
11
|
"appliesTo": "all elements that generate a principal box",
|
|
12
12
|
"inherited": "no",
|
|
@@ -22,10 +22,10 @@
|
|
|
22
22
|
"value": "none"
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
|
-
"name": "<dashed-ident
|
|
26
|
-
"prose": "If the element generates a principal box, the element is an anchor element, with
|
|
25
|
+
"name": "<dashed-ident>#",
|
|
26
|
+
"prose": "If the element generates a principal box, the element is an anchor element, with a list of anchor names as specified. Each anchor name is a tree-scoped name. Otherwise, the property has no effect.",
|
|
27
27
|
"type": "value",
|
|
28
|
-
"value": "<dashed-ident
|
|
28
|
+
"value": "<dashed-ident>#"
|
|
29
29
|
}
|
|
30
30
|
],
|
|
31
31
|
"styleDeclaration": [
|
|
@@ -48,6 +48,70 @@
|
|
|
48
48
|
"anchorDefault"
|
|
49
49
|
]
|
|
50
50
|
},
|
|
51
|
+
{
|
|
52
|
+
"name": "justify-self",
|
|
53
|
+
"newValues": "anchor-center",
|
|
54
|
+
"values": [
|
|
55
|
+
{
|
|
56
|
+
"name": "anchor-center",
|
|
57
|
+
"prose": "The new anchor-center value makes this case extremely simple: if the positioned element has a default anchor element, then it is aligned so as to center itself over the default anchor element in the appropriate axis. If this alignment would cause it to overflow its inset-modified containing block in the appropriate axis, it instead is aligned flush with the side that it would have overflowed; if it would overflow both sides, it’s instead aligned as for start.",
|
|
58
|
+
"type": "value",
|
|
59
|
+
"value": "anchor-center"
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
"styleDeclaration": [
|
|
63
|
+
"justify-self",
|
|
64
|
+
"justifySelf"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"name": "align-self",
|
|
69
|
+
"newValues": "anchor-center",
|
|
70
|
+
"values": [
|
|
71
|
+
{
|
|
72
|
+
"name": "anchor-center",
|
|
73
|
+
"prose": "The new anchor-center value makes this case extremely simple: if the positioned element has a default anchor element, then it is aligned so as to center itself over the default anchor element in the appropriate axis. If this alignment would cause it to overflow its inset-modified containing block in the appropriate axis, it instead is aligned flush with the side that it would have overflowed; if it would overflow both sides, it’s instead aligned as for start.",
|
|
74
|
+
"type": "value",
|
|
75
|
+
"value": "anchor-center"
|
|
76
|
+
}
|
|
77
|
+
],
|
|
78
|
+
"styleDeclaration": [
|
|
79
|
+
"align-self",
|
|
80
|
+
"alignSelf"
|
|
81
|
+
]
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "justify-items",
|
|
85
|
+
"newValues": "anchor-center",
|
|
86
|
+
"values": [
|
|
87
|
+
{
|
|
88
|
+
"name": "anchor-center",
|
|
89
|
+
"prose": "The new anchor-center value makes this case extremely simple: if the positioned element has a default anchor element, then it is aligned so as to center itself over the default anchor element in the appropriate axis. If this alignment would cause it to overflow its inset-modified containing block in the appropriate axis, it instead is aligned flush with the side that it would have overflowed; if it would overflow both sides, it’s instead aligned as for start.",
|
|
90
|
+
"type": "value",
|
|
91
|
+
"value": "anchor-center"
|
|
92
|
+
}
|
|
93
|
+
],
|
|
94
|
+
"styleDeclaration": [
|
|
95
|
+
"justify-items",
|
|
96
|
+
"justifyItems"
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "align-items",
|
|
101
|
+
"newValues": "anchor-center",
|
|
102
|
+
"values": [
|
|
103
|
+
{
|
|
104
|
+
"name": "anchor-center",
|
|
105
|
+
"prose": "The new anchor-center value makes this case extremely simple: if the positioned element has a default anchor element, then it is aligned so as to center itself over the default anchor element in the appropriate axis. If this alignment would cause it to overflow its inset-modified containing block in the appropriate axis, it instead is aligned flush with the side that it would have overflowed; if it would overflow both sides, it’s instead aligned as for start.",
|
|
106
|
+
"type": "value",
|
|
107
|
+
"value": "anchor-center"
|
|
108
|
+
}
|
|
109
|
+
],
|
|
110
|
+
"styleDeclaration": [
|
|
111
|
+
"align-items",
|
|
112
|
+
"alignItems"
|
|
113
|
+
]
|
|
114
|
+
},
|
|
51
115
|
{
|
|
52
116
|
"name": "position-fallback",
|
|
53
117
|
"value": "none | <dashed-ident>",
|
package/css-backgrounds-4.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"spec": {
|
|
3
|
-
"title": "CSS Backgrounds
|
|
3
|
+
"title": "CSS Backgrounds Module Level 4",
|
|
4
4
|
"url": "https://drafts.csswg.org/css-backgrounds-4/"
|
|
5
5
|
},
|
|
6
6
|
"properties": [
|
|
@@ -97,511 +97,6 @@
|
|
|
97
97
|
"background-clip",
|
|
98
98
|
"backgroundClip"
|
|
99
99
|
]
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
"name": "border-top-color",
|
|
103
|
-
"value": "<color> | <image-1D>",
|
|
104
|
-
"initial": "currentcolor",
|
|
105
|
-
"appliesTo": "all elements",
|
|
106
|
-
"inherited": "no",
|
|
107
|
-
"percentages": "n/a",
|
|
108
|
-
"computedValue": "the computed color and/or a one-dimensional image function",
|
|
109
|
-
"canonicalOrder": "per grammar",
|
|
110
|
-
"animationType": "see prose",
|
|
111
|
-
"logicalPropertyGroup": "border-color",
|
|
112
|
-
"styleDeclaration": [
|
|
113
|
-
"border-top-color",
|
|
114
|
-
"borderTopColor"
|
|
115
|
-
]
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"name": "border-right-color",
|
|
119
|
-
"value": "<color> | <image-1D>",
|
|
120
|
-
"initial": "currentcolor",
|
|
121
|
-
"appliesTo": "all elements",
|
|
122
|
-
"inherited": "no",
|
|
123
|
-
"percentages": "n/a",
|
|
124
|
-
"computedValue": "the computed color and/or a one-dimensional image function",
|
|
125
|
-
"canonicalOrder": "per grammar",
|
|
126
|
-
"animationType": "see prose",
|
|
127
|
-
"logicalPropertyGroup": "border-color",
|
|
128
|
-
"styleDeclaration": [
|
|
129
|
-
"border-right-color",
|
|
130
|
-
"borderRightColor"
|
|
131
|
-
]
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"name": "border-bottom-color",
|
|
135
|
-
"value": "<color> | <image-1D>",
|
|
136
|
-
"initial": "currentcolor",
|
|
137
|
-
"appliesTo": "all elements",
|
|
138
|
-
"inherited": "no",
|
|
139
|
-
"percentages": "n/a",
|
|
140
|
-
"computedValue": "the computed color and/or a one-dimensional image function",
|
|
141
|
-
"canonicalOrder": "per grammar",
|
|
142
|
-
"animationType": "see prose",
|
|
143
|
-
"logicalPropertyGroup": "border-color",
|
|
144
|
-
"styleDeclaration": [
|
|
145
|
-
"border-bottom-color",
|
|
146
|
-
"borderBottomColor"
|
|
147
|
-
]
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
"name": "border-left-color",
|
|
151
|
-
"value": "<color> | <image-1D>",
|
|
152
|
-
"initial": "currentcolor",
|
|
153
|
-
"appliesTo": "all elements",
|
|
154
|
-
"inherited": "no",
|
|
155
|
-
"percentages": "n/a",
|
|
156
|
-
"computedValue": "the computed color and/or a one-dimensional image function",
|
|
157
|
-
"canonicalOrder": "per grammar",
|
|
158
|
-
"animationType": "see prose",
|
|
159
|
-
"logicalPropertyGroup": "border-color",
|
|
160
|
-
"styleDeclaration": [
|
|
161
|
-
"border-left-color",
|
|
162
|
-
"borderLeftColor"
|
|
163
|
-
]
|
|
164
|
-
},
|
|
165
|
-
{
|
|
166
|
-
"name": "border-color",
|
|
167
|
-
"value": "[ <color> | <image-1D> ]{1,4}",
|
|
168
|
-
"initial": "see individual properties",
|
|
169
|
-
"appliesTo": "see individual properties",
|
|
170
|
-
"inherited": "see individual properties",
|
|
171
|
-
"percentages": "see individual properties",
|
|
172
|
-
"computedValue": "see individual properties",
|
|
173
|
-
"animationType": "see individual properties",
|
|
174
|
-
"canonicalOrder": "per grammar",
|
|
175
|
-
"styleDeclaration": [
|
|
176
|
-
"border-color",
|
|
177
|
-
"borderColor"
|
|
178
|
-
]
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"name": "border-top-radius",
|
|
182
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
183
|
-
"initial": "0",
|
|
184
|
-
"appliesTo": "all elements (but see prose)",
|
|
185
|
-
"inherited": "no",
|
|
186
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
187
|
-
"computedValue": "see individual properties",
|
|
188
|
-
"canonicalOrder": "per grammar",
|
|
189
|
-
"animationType": "see individual properties",
|
|
190
|
-
"styleDeclaration": [
|
|
191
|
-
"border-top-radius",
|
|
192
|
-
"borderTopRadius"
|
|
193
|
-
]
|
|
194
|
-
},
|
|
195
|
-
{
|
|
196
|
-
"name": "border-right-radius",
|
|
197
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
198
|
-
"initial": "0",
|
|
199
|
-
"appliesTo": "all elements (but see prose)",
|
|
200
|
-
"inherited": "no",
|
|
201
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
202
|
-
"computedValue": "see individual properties",
|
|
203
|
-
"canonicalOrder": "per grammar",
|
|
204
|
-
"animationType": "see individual properties",
|
|
205
|
-
"styleDeclaration": [
|
|
206
|
-
"border-right-radius",
|
|
207
|
-
"borderRightRadius"
|
|
208
|
-
]
|
|
209
|
-
},
|
|
210
|
-
{
|
|
211
|
-
"name": "border-bottom-radius",
|
|
212
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
213
|
-
"initial": "0",
|
|
214
|
-
"appliesTo": "all elements (but see prose)",
|
|
215
|
-
"inherited": "no",
|
|
216
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
217
|
-
"computedValue": "see individual properties",
|
|
218
|
-
"canonicalOrder": "per grammar",
|
|
219
|
-
"animationType": "see individual properties",
|
|
220
|
-
"styleDeclaration": [
|
|
221
|
-
"border-bottom-radius",
|
|
222
|
-
"borderBottomRadius"
|
|
223
|
-
]
|
|
224
|
-
},
|
|
225
|
-
{
|
|
226
|
-
"name": "border-left-radius",
|
|
227
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
228
|
-
"initial": "0",
|
|
229
|
-
"appliesTo": "all elements (but see prose)",
|
|
230
|
-
"inherited": "no",
|
|
231
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
232
|
-
"computedValue": "see individual properties",
|
|
233
|
-
"canonicalOrder": "per grammar",
|
|
234
|
-
"animationType": "see individual properties",
|
|
235
|
-
"styleDeclaration": [
|
|
236
|
-
"border-left-radius",
|
|
237
|
-
"borderLeftRadius"
|
|
238
|
-
]
|
|
239
|
-
},
|
|
240
|
-
{
|
|
241
|
-
"name": "border-block-start-radius",
|
|
242
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
243
|
-
"initial": "0",
|
|
244
|
-
"appliesTo": "all elements (but see prose)",
|
|
245
|
-
"inherited": "no",
|
|
246
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
247
|
-
"computedValue": "see individual properties",
|
|
248
|
-
"canonicalOrder": "per grammar",
|
|
249
|
-
"animationType": "see individual properties",
|
|
250
|
-
"styleDeclaration": [
|
|
251
|
-
"border-block-start-radius",
|
|
252
|
-
"borderBlockStartRadius"
|
|
253
|
-
]
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"name": "border-block-end-radius",
|
|
257
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
258
|
-
"initial": "0",
|
|
259
|
-
"appliesTo": "all elements (but see prose)",
|
|
260
|
-
"inherited": "no",
|
|
261
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
262
|
-
"computedValue": "see individual properties",
|
|
263
|
-
"canonicalOrder": "per grammar",
|
|
264
|
-
"animationType": "see individual properties",
|
|
265
|
-
"styleDeclaration": [
|
|
266
|
-
"border-block-end-radius",
|
|
267
|
-
"borderBlockEndRadius"
|
|
268
|
-
]
|
|
269
|
-
},
|
|
270
|
-
{
|
|
271
|
-
"name": "border-inline-start-radius",
|
|
272
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
273
|
-
"initial": "0",
|
|
274
|
-
"appliesTo": "all elements (but see prose)",
|
|
275
|
-
"inherited": "no",
|
|
276
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
277
|
-
"computedValue": "see individual properties",
|
|
278
|
-
"canonicalOrder": "per grammar",
|
|
279
|
-
"animationType": "see individual properties",
|
|
280
|
-
"styleDeclaration": [
|
|
281
|
-
"border-inline-start-radius",
|
|
282
|
-
"borderInlineStartRadius"
|
|
283
|
-
]
|
|
284
|
-
},
|
|
285
|
-
{
|
|
286
|
-
"name": "border-inline-end-radius",
|
|
287
|
-
"value": "<length-percentage [0,∞]>{1,2} [ / <length-percentage [0,∞]>{1,2} ]?",
|
|
288
|
-
"initial": "0",
|
|
289
|
-
"appliesTo": "all elements (but see prose)",
|
|
290
|
-
"inherited": "no",
|
|
291
|
-
"percentages": "Refer to corresponding dimension of the border box.",
|
|
292
|
-
"computedValue": "see individual properties",
|
|
293
|
-
"canonicalOrder": "per grammar",
|
|
294
|
-
"animationType": "see individual properties",
|
|
295
|
-
"styleDeclaration": [
|
|
296
|
-
"border-inline-end-radius",
|
|
297
|
-
"borderInlineEndRadius"
|
|
298
|
-
]
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"name": "border-radius",
|
|
302
|
-
"value": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
|
|
303
|
-
"initial": "0",
|
|
304
|
-
"appliesTo": "all elements, except table element when border-collapse is collapse",
|
|
305
|
-
"inherited": "no",
|
|
306
|
-
"percentages": "n/a",
|
|
307
|
-
"computedValue": "as specified",
|
|
308
|
-
"canonicalOrder": "per grammar",
|
|
309
|
-
"animationType": "see individual properties",
|
|
310
|
-
"styleDeclaration": [
|
|
311
|
-
"border-radius",
|
|
312
|
-
"borderRadius"
|
|
313
|
-
]
|
|
314
|
-
},
|
|
315
|
-
{
|
|
316
|
-
"name": "corner-shape",
|
|
317
|
-
"value": "[ round | angle ]{1,4}",
|
|
318
|
-
"initial": "round",
|
|
319
|
-
"appliesTo": "all elements, except table element when border-collapse is collapse",
|
|
320
|
-
"inherited": "no",
|
|
321
|
-
"percentages": "n/a",
|
|
322
|
-
"computedValue": "as specified",
|
|
323
|
-
"canonicalOrder": "per grammar",
|
|
324
|
-
"animationType": "discrete",
|
|
325
|
-
"values": [
|
|
326
|
-
{
|
|
327
|
-
"name": "round",
|
|
328
|
-
"prose": "Border radii define a convex elliptical curve at the corner.",
|
|
329
|
-
"type": "value",
|
|
330
|
-
"value": "round"
|
|
331
|
-
},
|
|
332
|
-
{
|
|
333
|
-
"name": "angle",
|
|
334
|
-
"prose": "Border radii define a diagonal slice at the corner.",
|
|
335
|
-
"type": "value",
|
|
336
|
-
"value": "angle"
|
|
337
|
-
}
|
|
338
|
-
],
|
|
339
|
-
"styleDeclaration": [
|
|
340
|
-
"corner-shape",
|
|
341
|
-
"cornerShape"
|
|
342
|
-
]
|
|
343
|
-
},
|
|
344
|
-
{
|
|
345
|
-
"name": "corners",
|
|
346
|
-
"value": "<'corner-shape'> || <'border-radius'>",
|
|
347
|
-
"initial": "see individual properties",
|
|
348
|
-
"appliesTo": "see individual properties",
|
|
349
|
-
"inherited": "see individual properties",
|
|
350
|
-
"percentages": "see individual properties",
|
|
351
|
-
"computedValue": "see individual properties",
|
|
352
|
-
"animationType": "see individual properties",
|
|
353
|
-
"canonicalOrder": "per grammar",
|
|
354
|
-
"styleDeclaration": [
|
|
355
|
-
"corners"
|
|
356
|
-
]
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
"name": "border-limit",
|
|
360
|
-
"value": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
|
|
361
|
-
"initial": "all",
|
|
362
|
-
"appliesTo": "all elements, except table element when border-collapse is collapse",
|
|
363
|
-
"inherited": "no",
|
|
364
|
-
"percentages": "relative to border-box",
|
|
365
|
-
"computedValue": "as specified",
|
|
366
|
-
"canonicalOrder": "per grammar",
|
|
367
|
-
"animationType": "discrete",
|
|
368
|
-
"values": [
|
|
369
|
-
{
|
|
370
|
-
"name": "all",
|
|
371
|
-
"prose": "The entire border is drawn.",
|
|
372
|
-
"type": "value",
|
|
373
|
-
"value": "all"
|
|
374
|
-
},
|
|
375
|
-
{
|
|
376
|
-
"name": "sides",
|
|
377
|
-
"prose": "The sides are drawn up to but not including the corners (as defined by the border radii). A length or percentage is measured from the center of each side: 50% draws the middle 50% of the border; by default the entire side is drawn.",
|
|
378
|
-
"type": "value",
|
|
379
|
-
"value": "sides"
|
|
380
|
-
},
|
|
381
|
-
{
|
|
382
|
-
"name": "corners",
|
|
383
|
-
"prose": "The corners are drawn plus the specified distance into the sides if specified. A length is measured from the closest edge of the corner area. A percentage is measured from the absolute corner of the border box.",
|
|
384
|
-
"type": "value",
|
|
385
|
-
"value": "corners"
|
|
386
|
-
},
|
|
387
|
-
{
|
|
388
|
-
"name": "left",
|
|
389
|
-
"prose": "For the left and right (vertical) sides, draws the entire side and corner. For the top and bottom (horizontal) sides, draws the left/right portion, as specified. Distances are measured as for corners.",
|
|
390
|
-
"type": "value",
|
|
391
|
-
"value": "left"
|
|
392
|
-
},
|
|
393
|
-
{
|
|
394
|
-
"name": "right",
|
|
395
|
-
"prose": "For the left and right (vertical) sides, draws the entire side and corner. For the top and bottom (horizontal) sides, draws the left/right portion, as specified. Distances are measured as for corners.",
|
|
396
|
-
"type": "value",
|
|
397
|
-
"value": "right"
|
|
398
|
-
},
|
|
399
|
-
{
|
|
400
|
-
"name": "top",
|
|
401
|
-
"prose": "For the top and bottom (horizontal) sides, draws the entire side and corner. For the left and right (vertical) sides, draws the top/bottom portion, as specified. Distances are measured as for corners.",
|
|
402
|
-
"type": "value",
|
|
403
|
-
"value": "top"
|
|
404
|
-
},
|
|
405
|
-
{
|
|
406
|
-
"name": "bottom",
|
|
407
|
-
"prose": "For the top and bottom (horizontal) sides, draws the entire side and corner. For the left and right (vertical) sides, draws the top/bottom portion, as specified. Distances are measured as for corners.",
|
|
408
|
-
"type": "value",
|
|
409
|
-
"value": "bottom"
|
|
410
|
-
}
|
|
411
|
-
],
|
|
412
|
-
"styleDeclaration": [
|
|
413
|
-
"border-limit",
|
|
414
|
-
"borderLimit"
|
|
415
|
-
]
|
|
416
|
-
},
|
|
417
|
-
{
|
|
418
|
-
"name": "border-clip",
|
|
419
|
-
"value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
|
|
420
|
-
"initial": "normal",
|
|
421
|
-
"appliesTo": "all elements",
|
|
422
|
-
"inherited": "no",
|
|
423
|
-
"percentages": "refer to length of border-edge side",
|
|
424
|
-
"computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
|
|
425
|
-
"canonicalOrder": "per grammar",
|
|
426
|
-
"animationType": "by computed value",
|
|
427
|
-
"styleDeclaration": [
|
|
428
|
-
"border-clip",
|
|
429
|
-
"borderClip"
|
|
430
|
-
]
|
|
431
|
-
},
|
|
432
|
-
{
|
|
433
|
-
"name": "border-clip-top",
|
|
434
|
-
"value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
|
|
435
|
-
"initial": "normal",
|
|
436
|
-
"appliesTo": "all elements",
|
|
437
|
-
"inherited": "no",
|
|
438
|
-
"percentages": "refer to length of border-edge side",
|
|
439
|
-
"computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
|
|
440
|
-
"canonicalOrder": "per grammar",
|
|
441
|
-
"animationType": "by computed value",
|
|
442
|
-
"styleDeclaration": [
|
|
443
|
-
"border-clip-top",
|
|
444
|
-
"borderClipTop"
|
|
445
|
-
]
|
|
446
|
-
},
|
|
447
|
-
{
|
|
448
|
-
"name": "border-clip-right",
|
|
449
|
-
"value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
|
|
450
|
-
"initial": "normal",
|
|
451
|
-
"appliesTo": "all elements",
|
|
452
|
-
"inherited": "no",
|
|
453
|
-
"percentages": "refer to length of border-edge side",
|
|
454
|
-
"computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
|
|
455
|
-
"canonicalOrder": "per grammar",
|
|
456
|
-
"animationType": "by computed value",
|
|
457
|
-
"styleDeclaration": [
|
|
458
|
-
"border-clip-right",
|
|
459
|
-
"borderClipRight"
|
|
460
|
-
]
|
|
461
|
-
},
|
|
462
|
-
{
|
|
463
|
-
"name": "border-clip-bottom",
|
|
464
|
-
"value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
|
|
465
|
-
"initial": "normal",
|
|
466
|
-
"appliesTo": "all elements",
|
|
467
|
-
"inherited": "no",
|
|
468
|
-
"percentages": "refer to length of border-edge side",
|
|
469
|
-
"computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
|
|
470
|
-
"canonicalOrder": "per grammar",
|
|
471
|
-
"animationType": "by computed value",
|
|
472
|
-
"styleDeclaration": [
|
|
473
|
-
"border-clip-bottom",
|
|
474
|
-
"borderClipBottom"
|
|
475
|
-
]
|
|
476
|
-
},
|
|
477
|
-
{
|
|
478
|
-
"name": "border-clip-left",
|
|
479
|
-
"value": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
|
|
480
|
-
"initial": "normal",
|
|
481
|
-
"appliesTo": "all elements",
|
|
482
|
-
"inherited": "no",
|
|
483
|
-
"percentages": "refer to length of border-edge side",
|
|
484
|
-
"computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
|
|
485
|
-
"canonicalOrder": "per grammar",
|
|
486
|
-
"animationType": "by computed value",
|
|
487
|
-
"styleDeclaration": [
|
|
488
|
-
"border-clip-left",
|
|
489
|
-
"borderClipLeft"
|
|
490
|
-
]
|
|
491
|
-
},
|
|
492
|
-
{
|
|
493
|
-
"name": "box-shadow-color",
|
|
494
|
-
"value": "<color>#",
|
|
495
|
-
"initial": "currentcolor",
|
|
496
|
-
"appliesTo": "all elements",
|
|
497
|
-
"inherited": "no",
|
|
498
|
-
"percentages": "N/A",
|
|
499
|
-
"computedValue": "list, each item a computed color",
|
|
500
|
-
"canonicalOrder": "per grammar",
|
|
501
|
-
"animationType": "by computed value",
|
|
502
|
-
"styleDeclaration": [
|
|
503
|
-
"box-shadow-color",
|
|
504
|
-
"boxShadowColor"
|
|
505
|
-
]
|
|
506
|
-
},
|
|
507
|
-
{
|
|
508
|
-
"name": "box-shadow-offset",
|
|
509
|
-
"value": "[ none | <length>{2} ]#",
|
|
510
|
-
"initial": "none",
|
|
511
|
-
"appliesTo": "all elements",
|
|
512
|
-
"inherited": "no",
|
|
513
|
-
"percentages": "N/A",
|
|
514
|
-
"computedValue": "either none or a list, each item a pair of offsets (horizontal and vertical) from the element‘s box",
|
|
515
|
-
"canonicalOrder": "per grammar",
|
|
516
|
-
"animationType": "by computed value",
|
|
517
|
-
"styleDeclaration": [
|
|
518
|
-
"box-shadow-offset",
|
|
519
|
-
"boxShadowOffset"
|
|
520
|
-
]
|
|
521
|
-
},
|
|
522
|
-
{
|
|
523
|
-
"name": "box-shadow-blur",
|
|
524
|
-
"value": "<length [0,∞]>#",
|
|
525
|
-
"initial": "0",
|
|
526
|
-
"appliesTo": "all elements",
|
|
527
|
-
"inherited": "no",
|
|
528
|
-
"percentages": "N/A",
|
|
529
|
-
"computedValue": "list, each item a <length>",
|
|
530
|
-
"canonicalOrder": "per grammar",
|
|
531
|
-
"animationType": "by computed value",
|
|
532
|
-
"styleDeclaration": [
|
|
533
|
-
"box-shadow-blur",
|
|
534
|
-
"boxShadowBlur"
|
|
535
|
-
]
|
|
536
|
-
},
|
|
537
|
-
{
|
|
538
|
-
"name": "box-shadow-spread",
|
|
539
|
-
"value": "<length>#",
|
|
540
|
-
"initial": "0",
|
|
541
|
-
"appliesTo": "all elements",
|
|
542
|
-
"inherited": "no",
|
|
543
|
-
"percentages": "N/A",
|
|
544
|
-
"computedValue": "list, each item a <length>",
|
|
545
|
-
"canonicalOrder": "per grammar",
|
|
546
|
-
"animationType": "by computed value",
|
|
547
|
-
"styleDeclaration": [
|
|
548
|
-
"box-shadow-spread",
|
|
549
|
-
"boxShadowSpread"
|
|
550
|
-
]
|
|
551
|
-
},
|
|
552
|
-
{
|
|
553
|
-
"name": "box-shadow-position",
|
|
554
|
-
"value": "[ outset | inset ]#",
|
|
555
|
-
"initial": "outset",
|
|
556
|
-
"appliesTo": "all elements",
|
|
557
|
-
"inherited": "no",
|
|
558
|
-
"percentages": "N/A",
|
|
559
|
-
"computedValue": "list, each item one of the keywords",
|
|
560
|
-
"canonicalOrder": "per grammar",
|
|
561
|
-
"animationType": "by computed value",
|
|
562
|
-
"values": [
|
|
563
|
-
{
|
|
564
|
-
"name": "outset",
|
|
565
|
-
"prose": "Causes the drop shadow to be an outer box-shadow. That means, one that shadows the box onto the canvas, as if it were lifted above the canvas.",
|
|
566
|
-
"type": "value",
|
|
567
|
-
"value": "outset"
|
|
568
|
-
},
|
|
569
|
-
{
|
|
570
|
-
"name": "outer box-shadow",
|
|
571
|
-
"type": "value",
|
|
572
|
-
"value": "outer box-shadow"
|
|
573
|
-
},
|
|
574
|
-
{
|
|
575
|
-
"name": "inset",
|
|
576
|
-
"prose": "Causes the drop shadow to be an inner box-shadow. That means, one that shadows the canvas onto the box, as if the box were cut out of the canvas and shifted behind it.",
|
|
577
|
-
"type": "value",
|
|
578
|
-
"value": "inset"
|
|
579
|
-
},
|
|
580
|
-
{
|
|
581
|
-
"name": "inner box-shadow",
|
|
582
|
-
"type": "value",
|
|
583
|
-
"value": "inner box-shadow"
|
|
584
|
-
}
|
|
585
|
-
],
|
|
586
|
-
"styleDeclaration": [
|
|
587
|
-
"box-shadow-position",
|
|
588
|
-
"boxShadowPosition"
|
|
589
|
-
]
|
|
590
|
-
},
|
|
591
|
-
{
|
|
592
|
-
"name": "box-shadow",
|
|
593
|
-
"value": "<spread-shadow>#",
|
|
594
|
-
"initial": "none",
|
|
595
|
-
"appliesTo": "all elements",
|
|
596
|
-
"inherited": "no",
|
|
597
|
-
"percentages": "N/A",
|
|
598
|
-
"computedValue": "either the keyword none or a list, each item consisting of four absolute lengths plus a computed color and optionally also a inset keyword",
|
|
599
|
-
"canonicalOrder": "per grammar",
|
|
600
|
-
"animationType": "by computed value, treating none as a zero-item list and appending blank shadows (transparent 0 0 0 0) with a corresponding inset keyword as needed to match the longer list if the shorter list is otherwise compatible with the longer one",
|
|
601
|
-
"styleDeclaration": [
|
|
602
|
-
"box-shadow",
|
|
603
|
-
"boxShadow"
|
|
604
|
-
]
|
|
605
100
|
}
|
|
606
101
|
],
|
|
607
102
|
"atrules": [],
|
|
@@ -636,11 +131,6 @@
|
|
|
636
131
|
"value": "border"
|
|
637
132
|
}
|
|
638
133
|
]
|
|
639
|
-
},
|
|
640
|
-
{
|
|
641
|
-
"name": "<spread-shadow>",
|
|
642
|
-
"type": "type",
|
|
643
|
-
"value": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?"
|
|
644
134
|
}
|
|
645
135
|
]
|
|
646
136
|
}
|