@webref/css 6.23.0 → 7.0.0-alpha

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.
Files changed (122) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +37 -22
  3. package/css.json +17754 -0
  4. package/index.js +2 -9
  5. package/package.json +1 -1
  6. package/CSS.json +0 -567
  7. package/SVG.json +0 -387
  8. package/compat.json +0 -784
  9. package/compositing.json +0 -178
  10. package/css-align.json +0 -559
  11. package/css-anchor-position.json +0 -1042
  12. package/css-animations-2.json +0 -377
  13. package/css-animations.json +0 -337
  14. package/css-backgrounds-4.json +0 -402
  15. package/css-backgrounds.json +0 -732
  16. package/css-borders.json +0 -1642
  17. package/css-box.json +0 -484
  18. package/css-break.json +0 -444
  19. package/css-cascade-6.json +0 -31
  20. package/css-cascade.json +0 -91
  21. package/css-color-5.json +0 -527
  22. package/css-color-6.json +0 -60
  23. package/css-color-adjust.json +0 -151
  24. package/css-color-hdr.json +0 -183
  25. package/css-color.json +0 -1759
  26. package/css-conditional-4.json +0 -23
  27. package/css-conditional-5.json +0 -505
  28. package/css-conditional.json +0 -50
  29. package/css-contain.json +0 -123
  30. package/css-content.json +0 -466
  31. package/css-counter-styles.json +0 -613
  32. package/css-display.json +0 -444
  33. package/css-easing.json +0 -149
  34. package/css-env.json +0 -109
  35. package/css-exclusions.json +0 -108
  36. package/css-extensions.json +0 -36
  37. package/css-flexbox.json +0 -259
  38. package/css-fonts-5.json +0 -385
  39. package/css-fonts.json +0 -1754
  40. package/css-forms.json +0 -281
  41. package/css-gaps.json +0 -544
  42. package/css-gcpm-4.json +0 -58
  43. package/css-gcpm.json +0 -138
  44. package/css-grid-3.json +0 -335
  45. package/css-grid.json +0 -824
  46. package/css-images-4.json +0 -367
  47. package/css-images-5.json +0 -43
  48. package/css-images.json +0 -373
  49. package/css-inline.json +0 -903
  50. package/css-layout-api.json +0 -21
  51. package/css-line-grid.json +0 -142
  52. package/css-link-params.json +0 -34
  53. package/css-lists.json +0 -337
  54. package/css-logical.json +0 -396
  55. package/css-masking.json +0 -717
  56. package/css-mixins.json +0 -58
  57. package/css-multicol.json +0 -253
  58. package/css-namespaces.json +0 -25
  59. package/css-nav.json +0 -121
  60. package/css-nesting.json +0 -17
  61. package/css-overflow-4.json +0 -428
  62. package/css-overflow-5.json +0 -226
  63. package/css-overflow.json +0 -379
  64. package/css-overscroll.json +0 -215
  65. package/css-page-floats.json +0 -296
  66. package/css-page.json +0 -382
  67. package/css-paint-api.json +0 -17
  68. package/css-position-4.json +0 -49
  69. package/css-position.json +0 -495
  70. package/css-properties-values-api.json +0 -39
  71. package/css-pseudo.json +0 -98
  72. package/css-regions.json +0 -59
  73. package/css-rhythm.json +0 -181
  74. package/css-round-display.json +0 -85
  75. package/css-ruby.json +0 -221
  76. package/css-scoping.json +0 -38
  77. package/css-scroll-anchoring.json +0 -43
  78. package/css-scroll-snap-2.json +0 -74
  79. package/css-scroll-snap.json +0 -643
  80. package/css-scrollbars.json +0 -82
  81. package/css-shadow-parts.json +0 -17
  82. package/css-shapes-2.json +0 -89
  83. package/css-shapes.json +0 -384
  84. package/css-size-adjust.json +0 -50
  85. package/css-sizing-4.json +0 -601
  86. package/css-sizing.json +0 -427
  87. package/css-speech.json +0 -985
  88. package/css-syntax.json +0 -263
  89. package/css-tables.json +0 -91
  90. package/css-text-4.json +0 -1516
  91. package/css-text-decor-4.json +0 -741
  92. package/css-text-decor.json +0 -337
  93. package/css-text.json +0 -670
  94. package/css-transforms-2.json +0 -329
  95. package/css-transforms.json +0 -213
  96. package/css-transitions-2.json +0 -47
  97. package/css-transitions.json +0 -119
  98. package/css-ui.json +0 -818
  99. package/css-values-5.json +0 -854
  100. package/css-values.json +0 -790
  101. package/css-variables.json +0 -29
  102. package/css-view-transitions-2.json +0 -152
  103. package/css-view-transitions.json +0 -77
  104. package/css-viewport.json +0 -43
  105. package/css-will-change.json +0 -64
  106. package/css-writing-modes.json +0 -256
  107. package/fill-stroke.json +0 -755
  108. package/filter-effects-2.json +0 -28
  109. package/filter-effects.json +0 -220
  110. package/html.json +0 -29
  111. package/mathml-core.json +0 -69
  112. package/mediaqueries-5.json +0 -915
  113. package/mediaqueries.json +0 -549
  114. package/motion.json +0 -303
  115. package/pointer-animations.json +0 -282
  116. package/scroll-animations.json +0 -519
  117. package/selectors-5.json +0 -22
  118. package/selectors.json +0 -604
  119. package/svg-strokes.json +0 -59
  120. package/upgrade-insecure-requests.json +0 -28
  121. package/webvtt.json +0 -33
  122. package/webxr-dom-overlays.json +0 -17
package/css-masking.json DELETED
@@ -1,717 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Masking Module Level 1",
4
- "url": "https://drafts.fxtf.org/css-masking-1/"
5
- },
6
- "properties": [
7
- {
8
- "name": "clip-path",
9
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-clip-path",
10
- "value": "<clip-source> | [ <basic-shape> || <geometry-box> ] | none",
11
- "initial": "none",
12
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
13
- "inherited": "no",
14
- "percentages": "n/a",
15
- "computedValue": "as specified, but with <url> values made absolute",
16
- "canonicalOrder": "per grammar",
17
- "animationType": "by computed value",
18
- "media": "visual",
19
- "values": [
20
- {
21
- "name": "fill-box",
22
- "prose": "Uses the object bounding box as reference box.",
23
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-clip-path-fill-box",
24
- "type": "value",
25
- "value": "fill-box"
26
- },
27
- {
28
- "name": "stroke-box",
29
- "prose": "Uses the stroke bounding box as reference box.",
30
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-clip-path-stroke-box",
31
- "type": "value",
32
- "value": "stroke-box"
33
- },
34
- {
35
- "name": "view-box",
36
- "prose": "Uses the nearest SVG viewport as reference box. If a viewBox attribute is specified for the SVG viewport creating element: The reference box is positioned at the origin of the coordinate system established by the viewBox attribute. The dimension of the reference box is set to the width and height values of the viewBox attribute.",
37
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-clip-path-view-box",
38
- "type": "value",
39
- "value": "view-box"
40
- }
41
- ],
42
- "styleDeclaration": [
43
- "clip-path",
44
- "clipPath"
45
- ]
46
- },
47
- {
48
- "name": "clip-rule",
49
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-clip-rule",
50
- "value": "nonzero | evenodd",
51
- "initial": "nonzero",
52
- "appliesTo": "Applies to SVG graphics elements",
53
- "inherited": "yes",
54
- "percentages": "n/a",
55
- "computedValue": "as specified",
56
- "canonicalOrder": "per grammar",
57
- "animationType": "discrete",
58
- "media": "visual",
59
- "values": [
60
- {
61
- "name": "nonzero",
62
- "prose": "See description of fill-rule property [SVG11].",
63
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-clip-rule-nonzero",
64
- "type": "value",
65
- "value": "nonzero"
66
- },
67
- {
68
- "name": "evenodd",
69
- "prose": "See description of fill-rule property [SVG11].",
70
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-clip-rule-evenodd",
71
- "type": "value",
72
- "value": "evenodd"
73
- }
74
- ],
75
- "styleDeclaration": [
76
- "clip-rule",
77
- "clipRule"
78
- ]
79
- },
80
- {
81
- "name": "mask-image",
82
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-image",
83
- "value": "<mask-reference>#",
84
- "initial": "none",
85
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
86
- "inherited": "no",
87
- "percentages": "n/a",
88
- "computedValue": "the keyword none, a computed <image>, or a computed <url>",
89
- "canonicalOrder": "per grammar",
90
- "animationType": "discrete",
91
- "media": "visual",
92
- "values": [
93
- {
94
- "name": "<url>",
95
- "prose": "A URL reference to a mask element (for example url(commonmasks.svg#mask)) or to a CSS image.",
96
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-image-url",
97
- "type": "value",
98
- "value": "<url>"
99
- }
100
- ],
101
- "styleDeclaration": [
102
- "mask-image",
103
- "maskImage"
104
- ]
105
- },
106
- {
107
- "name": "mask-mode",
108
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-mode",
109
- "value": "<masking-mode>#",
110
- "initial": "match-source",
111
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
112
- "inherited": "no",
113
- "percentages": "n/a",
114
- "computedValue": "as specified",
115
- "canonicalOrder": "per grammar",
116
- "animationType": "discrete",
117
- "media": "visual",
118
- "values": [
119
- {
120
- "name": "alpha",
121
- "prose": "A value of alpha indicates that the alpha values of the mask layer image should be used as the mask values. See Calculating mask values.",
122
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-mode-alpha",
123
- "type": "value",
124
- "value": "alpha"
125
- },
126
- {
127
- "name": "luminance",
128
- "prose": "A value of luminance indicates that the luminance values of the mask layer image should be used as the mask values. See Calculating mask values.",
129
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-mode-luminance",
130
- "type": "value",
131
- "value": "luminance"
132
- },
133
- {
134
- "name": "match-source",
135
- "prose": "If the <mask-reference> of the mask-image property is of type <mask-source> the value specified by the referenced mask element’s mask-type property must be used. If the <mask-reference> of the mask-image property is of type <image> the alpha values of the mask layer image should be used as the mask values.",
136
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-mode-match-source",
137
- "type": "value",
138
- "value": "match-source"
139
- }
140
- ],
141
- "styleDeclaration": [
142
- "mask-mode",
143
- "maskMode"
144
- ]
145
- },
146
- {
147
- "name": "mask-repeat",
148
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-repeat",
149
- "value": "<repeat-style>#",
150
- "initial": "repeat",
151
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
152
- "inherited": "no",
153
- "percentages": "n/a",
154
- "computedValue": "Consists of: two keywords, one per dimension",
155
- "canonicalOrder": "per grammar",
156
- "animationType": "discrete",
157
- "media": "visual",
158
- "styleDeclaration": [
159
- "mask-repeat",
160
- "maskRepeat"
161
- ]
162
- },
163
- {
164
- "name": "mask-position",
165
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-position",
166
- "value": "<position>#",
167
- "initial": "0% 0%",
168
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
169
- "inherited": "no",
170
- "percentages": "refer to size of mask painting area minus size of mask layer image; see text background-position [CSS3BG]",
171
- "computedValue": "Consisting of: two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage.",
172
- "canonicalOrder": "per grammar",
173
- "animationType": "repeatable list",
174
- "media": "visual",
175
- "styleDeclaration": [
176
- "mask-position",
177
- "maskPosition"
178
- ]
179
- },
180
- {
181
- "name": "mask-clip",
182
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-clip",
183
- "value": "[ <coord-box> | no-clip ]#",
184
- "initial": "border-box",
185
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
186
- "inherited": "no",
187
- "percentages": "n/a",
188
- "computedValue": "as specified",
189
- "canonicalOrder": "per grammar",
190
- "animationType": "discrete",
191
- "media": "visual",
192
- "values": [
193
- {
194
- "name": "content-box",
195
- "prose": "The painted content is restricted to (clipped to) the content box.",
196
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-clip-content-box",
197
- "type": "value",
198
- "value": "content-box"
199
- },
200
- {
201
- "name": "padding-box",
202
- "prose": "The painted content is restricted to (clipped to) the padding box.",
203
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-clip-padding-box",
204
- "type": "value",
205
- "value": "padding-box"
206
- },
207
- {
208
- "name": "border-box",
209
- "prose": "The painted content is restricted to (clipped to) the border box.",
210
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-clip-border-box",
211
- "type": "value",
212
- "value": "border-box"
213
- },
214
- {
215
- "name": "fill-box",
216
- "prose": "The painted content is restricted to (clipped to) the object bounding box.",
217
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-clip-fill-box",
218
- "type": "value",
219
- "value": "fill-box"
220
- },
221
- {
222
- "name": "stroke-box",
223
- "prose": "The painted content is restricted to (clipped to) the stroke bounding box.",
224
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-clip-stroke-box",
225
- "type": "value",
226
- "value": "stroke-box"
227
- },
228
- {
229
- "name": "view-box",
230
- "prose": "Uses the nearest SVG viewport as reference box. If a viewBox attribute is specified for the SVG viewport creating element: The reference box is positioned at the origin of the coordinate system established by the viewBox attribute. The dimension of the reference box is set to the width and height values of the viewBox attribute.",
231
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-clip-view-box",
232
- "type": "value",
233
- "value": "view-box"
234
- },
235
- {
236
- "name": "no-clip",
237
- "prose": "The painted content is not restricted (not clipped).",
238
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-clip-no-clip",
239
- "type": "value",
240
- "value": "no-clip"
241
- }
242
- ],
243
- "styleDeclaration": [
244
- "mask-clip",
245
- "maskClip"
246
- ]
247
- },
248
- {
249
- "name": "mask-origin",
250
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-origin",
251
- "value": "<coord-box>#",
252
- "initial": "border-box",
253
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
254
- "inherited": "no",
255
- "percentages": "n/a",
256
- "computedValue": "as specified",
257
- "canonicalOrder": "per grammar",
258
- "animationType": "discrete",
259
- "media": "visual",
260
- "values": [
261
- {
262
- "name": "content-box",
263
- "prose": "The position is relative to the content box.",
264
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-origin-content-box",
265
- "type": "value",
266
- "value": "content-box"
267
- },
268
- {
269
- "name": "padding-box",
270
- "prose": "The position is relative to the padding box. (For single boxes 0 0 is the upper left corner of the padding edge, 100% 100% is the lower right corner.)",
271
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-origin-padding-box",
272
- "type": "value",
273
- "value": "padding-box"
274
- },
275
- {
276
- "name": "border-box",
277
- "prose": "The position is relative to the border box.",
278
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-origin-border-box",
279
- "type": "value",
280
- "value": "border-box"
281
- },
282
- {
283
- "name": "fill-box",
284
- "prose": "The position is relative to the object bounding box.",
285
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-origin-fill-box",
286
- "type": "value",
287
- "value": "fill-box"
288
- },
289
- {
290
- "name": "stroke-box",
291
- "prose": "The position is relative to the stroke bounding box.",
292
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-origin-stroke-box",
293
- "type": "value",
294
- "value": "stroke-box"
295
- },
296
- {
297
- "name": "view-box",
298
- "prose": "Uses the nearest SVG viewport as reference box. If a viewBox attribute is specified for the SVG viewport creating element: The reference box is positioned at the origin of the coordinate system established by the viewBox attribute. The dimension of the reference box is set to the width and height values of the viewBox attribute.",
299
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-origin-view-box",
300
- "type": "value",
301
- "value": "view-box"
302
- }
303
- ],
304
- "styleDeclaration": [
305
- "mask-origin",
306
- "maskOrigin"
307
- ]
308
- },
309
- {
310
- "name": "mask-size",
311
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-size",
312
- "value": "<bg-size>#",
313
- "initial": "auto",
314
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
315
- "inherited": "no",
316
- "percentages": "n/a",
317
- "computedValue": "as specified, but with lengths made absolute",
318
- "canonicalOrder": "per grammar",
319
- "animationType": "repeatable list",
320
- "media": "visual",
321
- "styleDeclaration": [
322
- "mask-size",
323
- "maskSize"
324
- ]
325
- },
326
- {
327
- "name": "mask-composite",
328
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-composite",
329
- "value": "<compositing-operator>#",
330
- "initial": "add",
331
- "appliesTo": "All elements. In SVG, it applies to container elements without the defs element and all graphics elements",
332
- "inherited": "no",
333
- "percentages": "n/a",
334
- "computedValue": "as specified",
335
- "canonicalOrder": "per grammar",
336
- "animationType": "discrete",
337
- "media": "visual",
338
- "values": [
339
- {
340
- "name": "add",
341
- "prose": "The source is placed over the destination. (See Porter-Duff compositing operator source over for more details.)",
342
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-composite-add",
343
- "type": "value",
344
- "value": "add"
345
- },
346
- {
347
- "name": "subtract",
348
- "prose": "The source is placed, where it falls outside of the destination. (See Porter-Duff compositing operator source out for more details.)",
349
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-composite-subtract",
350
- "type": "value",
351
- "value": "subtract"
352
- },
353
- {
354
- "name": "intersect",
355
- "prose": "The parts of source that overlap the destination, replace the destination. (See Porter-Duff compositing operator source in .)",
356
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-composite-intersect",
357
- "type": "value",
358
- "value": "intersect"
359
- },
360
- {
361
- "name": "exclude",
362
- "prose": "The non-overlapping regions of source and destination are combined. (See Porter-Duff compositing operator XOR.)",
363
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-composite-exclude",
364
- "type": "value",
365
- "value": "exclude"
366
- }
367
- ],
368
- "styleDeclaration": [
369
- "mask-composite",
370
- "maskComposite"
371
- ]
372
- },
373
- {
374
- "name": "mask",
375
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask",
376
- "value": "<mask-layer>#",
377
- "initial": "see individual properties",
378
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
379
- "inherited": "no",
380
- "percentages": "see individual properties",
381
- "computedValue": "see individual properties",
382
- "canonicalOrder": "per grammar",
383
- "animationType": "see individual properties",
384
- "media": "visual",
385
- "styleDeclaration": [
386
- "mask"
387
- ]
388
- },
389
- {
390
- "name": "mask-border-source",
391
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-source",
392
- "value": "none | <image>",
393
- "initial": "none",
394
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
395
- "inherited": "no",
396
- "percentages": "n/a",
397
- "computedValue": "they keyword none or the computed <image>",
398
- "canonicalOrder": "per grammar",
399
- "animationType": "discrete",
400
- "media": "visual",
401
- "styleDeclaration": [
402
- "mask-border-source",
403
- "maskBorderSource"
404
- ]
405
- },
406
- {
407
- "name": "mask-border-mode",
408
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-mode",
409
- "value": "luminance | alpha",
410
- "initial": "alpha",
411
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
412
- "inherited": "no",
413
- "percentages": "n/a",
414
- "computedValue": "as specified",
415
- "canonicalOrder": "per grammar",
416
- "animationType": "discrete",
417
- "media": "visual",
418
- "values": [
419
- {
420
- "name": "alpha",
421
- "prose": "A value of alpha indicates that the alpha values of the mask border image should be used as the mask values. See Calculating mask values.",
422
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-border-mode-alpha",
423
- "type": "value",
424
- "value": "alpha"
425
- },
426
- {
427
- "name": "luminance",
428
- "prose": "A value of luminance indicates that the luminance values of the mask border image should be used as the mask values. See Calculating mask values.",
429
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-border-mode-luminance",
430
- "type": "value",
431
- "value": "luminance"
432
- }
433
- ],
434
- "styleDeclaration": [
435
- "mask-border-mode",
436
- "maskBorderMode"
437
- ]
438
- },
439
- {
440
- "name": "mask-border-slice",
441
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-slice",
442
- "value": "[ <number> | <percentage> ]{1,4} fill?",
443
- "initial": "0",
444
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
445
- "inherited": "no",
446
- "percentages": "refer to size of the mask border image",
447
- "computedValue": "as specified",
448
- "canonicalOrder": "per grammar",
449
- "animationType": "by computed value",
450
- "media": "visual",
451
- "values": [
452
- {
453
- "name": "fill",
454
- "prose": "This property specifies inward offsets from the top, right, bottom, and left edges of the mask border image, dividing it into nine regions: four corners, four edges and a middle. The middle image part is discarded and treated as fully opaque white (the content covered by the middle part is not masked and shines through) unless the fill keyword is present.",
455
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-border-slice-fill",
456
- "type": "value",
457
- "value": "fill"
458
- }
459
- ],
460
- "styleDeclaration": [
461
- "mask-border-slice",
462
- "maskBorderSlice"
463
- ]
464
- },
465
- {
466
- "name": "mask-border-width",
467
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-width",
468
- "value": "[ <length-percentage> | <number> | auto ]{1,4}",
469
- "initial": "auto",
470
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
471
- "inherited": "no",
472
- "percentages": "relative to width/height of the mask border image area",
473
- "computedValue": "all <length>s made absolute, otherwise as specified",
474
- "canonicalOrder": "per grammar",
475
- "animationType": "by computed value",
476
- "media": "visual",
477
- "styleDeclaration": [
478
- "mask-border-width",
479
- "maskBorderWidth"
480
- ]
481
- },
482
- {
483
- "name": "mask-border-outset",
484
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-outset",
485
- "value": "[ <length> | <number> ]{1,4}",
486
- "initial": "0",
487
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
488
- "inherited": "no",
489
- "percentages": "n/a",
490
- "computedValue": "all <length>s made absolute, otherwise as specified",
491
- "canonicalOrder": "per grammar",
492
- "animationType": "by computed value",
493
- "media": "visual",
494
- "styleDeclaration": [
495
- "mask-border-outset",
496
- "maskBorderOutset"
497
- ]
498
- },
499
- {
500
- "name": "mask-border-repeat",
501
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border-repeat",
502
- "value": "[ stretch | repeat | round | space ]{1,2}",
503
- "initial": "stretch",
504
- "appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
505
- "inherited": "no",
506
- "percentages": "n/a",
507
- "computedValue": "as specified",
508
- "canonicalOrder": "per grammar",
509
- "animationType": "discrete",
510
- "media": "visual",
511
- "styleDeclaration": [
512
- "mask-border-repeat",
513
- "maskBorderRepeat"
514
- ]
515
- },
516
- {
517
- "name": "mask-border",
518
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-border",
519
- "value": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
520
- "initial": "See individual properties",
521
- "appliesTo": "See individual properties",
522
- "inherited": "no",
523
- "percentages": "n/a",
524
- "computedValue": "See individual properties",
525
- "canonicalOrder": "per grammar",
526
- "animationType": "See individual properties",
527
- "media": "visual",
528
- "styleDeclaration": [
529
- "mask-border",
530
- "maskBorder"
531
- ]
532
- },
533
- {
534
- "name": "mask-type",
535
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-mask-type",
536
- "value": "luminance | alpha",
537
- "initial": "luminance",
538
- "appliesTo": "mask elements",
539
- "inherited": "no",
540
- "percentages": "n/a",
541
- "computedValue": "as specified",
542
- "canonicalOrder": "per grammar",
543
- "animationType": "discrete",
544
- "media": "visual",
545
- "values": [
546
- {
547
- "name": "luminance",
548
- "prose": "Indicates that the luminance values of the mask should be used.",
549
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-type-luminance",
550
- "type": "value",
551
- "value": "luminance"
552
- },
553
- {
554
- "name": "alpha",
555
- "prose": "Indicates that the alpha values of the mask should be used.",
556
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-mask-type-alpha",
557
- "type": "value",
558
- "value": "alpha"
559
- }
560
- ],
561
- "styleDeclaration": [
562
- "mask-type",
563
- "maskType"
564
- ]
565
- },
566
- {
567
- "name": "clip",
568
- "href": "https://drafts.fxtf.org/css-masking-1/#propdef-clip",
569
- "value": "<rect()> | auto",
570
- "initial": "auto",
571
- "appliesTo": "Absolutely positioned elements. In SVG, it applies to elements which establish a new viewport, pattern elements and mask elements.",
572
- "inherited": "no",
573
- "percentages": "n/a",
574
- "computedValue": "as specified",
575
- "canonicalOrder": "per grammar",
576
- "animationType": "by computed value",
577
- "media": "visual",
578
- "values": [
579
- {
580
- "name": "rect()",
581
- "value": "rect( <top>, <right>, <bottom>, <left> )",
582
- "href": "https://drafts.fxtf.org/css-masking-1/#funcdef-clip-rect",
583
- "type": "function"
584
- },
585
- {
586
- "name": "<top>",
587
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
588
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-clip-top",
589
- "type": "type"
590
- },
591
- {
592
- "name": "<right>",
593
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
594
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-clip-right",
595
- "type": "type"
596
- },
597
- {
598
- "name": "<bottom>",
599
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
600
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-clip-bottom",
601
- "type": "type"
602
- },
603
- {
604
- "name": "<left>",
605
- "prose": "<top>, <right>, <bottom>, and <left> may either have a <length> value or auto. Negative lengths are permitted. The value auto means that a given edge of the clipping region will be the same as the edge of the element’s generated border box (i.e., auto means the same as 0 for <top> and <left>, the same as the used value of the height plus the sum of vertical padding and border widths for <bottom>, and the same as the used value of the width plus the sum of the horizontal padding and border widths for <right>, such that four auto values result in the clipping region being the same as the element’s border box).",
606
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-clip-left",
607
- "type": "type"
608
- }
609
- ],
610
- "styleDeclaration": [
611
- "clip"
612
- ]
613
- }
614
- ],
615
- "atrules": [],
616
- "selectors": [],
617
- "values": [
618
- {
619
- "name": "<clip-source>",
620
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-clip-source",
621
- "type": "type",
622
- "value": "<url>"
623
- },
624
- {
625
- "name": "<geometry-box>",
626
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-geometry-box",
627
- "type": "type",
628
- "value": "<shape-box> | fill-box | stroke-box | view-box"
629
- },
630
- {
631
- "name": "<mask-reference>",
632
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-mask-reference",
633
- "type": "type",
634
- "value": "none | <image> | <mask-source>"
635
- },
636
- {
637
- "name": "<mask-source>",
638
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-mask-source",
639
- "type": "type",
640
- "value": "<url>"
641
- },
642
- {
643
- "name": "<masking-mode>",
644
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-masking-mode",
645
- "type": "type",
646
- "value": "alpha | luminance | match-source"
647
- },
648
- {
649
- "name": "<compositing-operator>",
650
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-compositing-operator",
651
- "type": "type",
652
- "value": "add | subtract | intersect | exclude"
653
- },
654
- {
655
- "name": "<mask-layer>",
656
- "href": "https://drafts.fxtf.org/css-masking-1/#typedef-mask-layer",
657
- "type": "type",
658
- "value": "<mask-reference> || <position> [ / <bg-size> ]? || <repeat-style> || <geometry-box> || [ <geometry-box> | no-clip ] || <compositing-operator> || <masking-mode>"
659
- }
660
- ],
661
- "warnings": [
662
- {
663
- "msg": "Dangling value",
664
- "name": "userSpaceOnUse",
665
- "prose": "The contents of the clipPath represent values in the current user coordinate system in place at the time when the clipPath element is referenced (i.e., the user coordinate system for the element referencing the clipPath element via the clip-path property).",
666
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-userspaceonuse",
667
- "type": "value",
668
- "value": "userSpaceOnUse",
669
- "for": "clipPathUnits"
670
- },
671
- {
672
- "msg": "Dangling value",
673
- "name": "objectBoundingBox",
674
- "prose": "The coordinate system has its origin at the top left corner of the bounding box of the element to which the clipping path applies to and the same width and height of this bounding box. User coordinates are sized equivalently to the CSS px unit.",
675
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-clippathunits-objectboundingbox",
676
- "type": "value",
677
- "value": "objectBoundingBox",
678
- "for": "clipPathUnits"
679
- },
680
- {
681
- "msg": "Dangling value",
682
- "name": "userSpaceOnUse",
683
- "prose": "x, y, width and height represent values in the current user coordinate system [CSS3-TRANSFORMS] in place at the time when the mask element is referenced (i.e., the user coordinate system for the element referencing the mask element via the mask property).",
684
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-maskunits-userspaceonuse",
685
- "type": "value",
686
- "value": "userSpaceOnUse",
687
- "for": "maskUnits"
688
- },
689
- {
690
- "msg": "Dangling value",
691
- "name": "objectBoundingBox",
692
- "prose": "x, y, width and height represent fractions or percentages of the object bounding box of the element to which the mask is applied. User coordinates are sized equivalently to the CSS px unit.",
693
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-maskunits-objectboundingbox",
694
- "type": "value",
695
- "value": "objectBoundingBox",
696
- "for": "maskUnits"
697
- },
698
- {
699
- "msg": "Dangling value",
700
- "name": "userSpaceOnUse",
701
- "prose": "The user coordinate system for the contents of the mask element is the current user coordinate system in place at the time when the mask element is referenced (i.e., the user coordinate system for the element referencing the mask element via the mask property).",
702
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-maskcontentunits-userspaceonuse",
703
- "type": "value",
704
- "value": "userSpaceOnUse",
705
- "for": "maskContentUnits"
706
- },
707
- {
708
- "msg": "Dangling value",
709
- "name": "objectBoundingBox",
710
- "prose": "The coordinate system has its origin at the top left corner of the bounding box of the element to which the clipping path applies to and the same width and height of this bounding box. User coordinates are sized equivalently to the CSS px unit.",
711
- "href": "https://drafts.fxtf.org/css-masking-1/#valdef-maskcontentunits-objectboundingbox",
712
- "type": "value",
713
- "value": "objectBoundingBox",
714
- "for": "maskContentUnits"
715
- }
716
- ]
717
- }