@webref/css 6.10.4 → 6.11.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.json +83 -8
- package/README.md +1 -0
- package/SVG.json +27 -0
- package/compat.json +75 -0
- package/compositing.json +22 -0
- package/css-align.json +59 -0
- package/css-anchor-position.json +80 -1
- package/css-animations-2.json +13 -0
- package/css-animations.json +34 -0
- package/css-backgrounds-4.json +12 -0
- package/css-backgrounds.json +78 -0
- package/css-borders.json +91 -0
- package/css-box.json +48 -0
- package/css-break.json +50 -0
- package/css-cascade-6.json +3 -0
- package/css-cascade.json +10 -0
- package/css-color-5.json +74 -0
- package/css-color-6.json +6 -0
- package/css-color-adjust.json +14 -0
- package/css-color.json +272 -0
- package/css-conditional-4.json +2 -0
- package/css-conditional-5.json +7 -0
- package/css-conditional.json +6 -0
- package/css-contain-3.json +27 -0
- package/css-contain.json +12 -0
- package/css-content.json +53 -0
- package/css-counter-styles.json +85 -0
- package/css-display.json +48 -0
- package/css-easing.json +24 -0
- package/css-env.json +11 -0
- package/css-exclusions.json +11 -0
- package/css-extensions.json +4 -0
- package/css-flexbox.json +24 -0
- package/css-fonts-5.json +46 -0
- package/css-fonts.json +205 -0
- package/css-gcpm-4.json +10 -4
- package/css-gcpm.json +13 -1
- package/css-grid-3.json +1 -0
- package/css-grid.json +88 -0
- package/css-highlight-api.json +3 -1
- package/css-images-4.json +49 -0
- package/css-images-5.json +3 -0
- package/css-images.json +46 -0
- package/css-inline.json +93 -0
- package/css-layout-api.json +1 -0
- package/css-line-grid.json +14 -0
- package/css-link-params.json +2 -0
- package/css-lists.json +34 -0
- package/css-logical.json +27 -0
- package/css-masking.json +69 -0
- package/css-multicol-2.json +5 -0
- package/css-multicol.json +19 -0
- package/css-namespaces.json +2 -0
- package/css-nav.json +10 -0
- package/css-nesting.json +2 -1
- package/css-overflow-4.json +37 -1
- package/css-overflow.json +38 -0
- package/css-overscroll.json +20 -0
- package/css-page-floats.json +34 -0
- package/css-page.json +52 -0
- package/css-paint-api.json +1 -0
- package/css-position-4.json +5 -1
- package/css-position.json +50 -0
- package/css-properties-values-api.json +4 -0
- package/css-pseudo.json +23 -10
- package/css-regions.json +3 -0
- package/css-rhythm.json +15 -0
- package/css-round-display.json +8 -0
- package/css-ruby.json +22 -0
- package/css-scoping.json +8 -4
- package/css-scroll-anchoring.json +3 -0
- package/css-scroll-snap-2.json +55 -5
- package/css-scroll-snap.json +53 -0
- package/css-scrollbars.json +7 -0
- package/css-shadow-parts.json +1 -0
- package/css-shapes-2.json +34 -0
- package/css-shapes.json +22 -0
- package/css-size-adjust.json +4 -0
- package/css-sizing-4.json +59 -0
- package/css-sizing.json +42 -0
- package/css-speech.json +115 -0
- package/css-syntax.json +43 -0
- package/css-tables.json +5 -0
- package/css-text-4.json +161 -0
- package/css-text-decor-4.json +75 -0
- package/css-text-decor.json +32 -0
- package/css-text.json +70 -0
- package/css-transforms-2.json +37 -0
- package/css-transforms.json +26 -0
- package/css-transitions-2.json +4 -0
- package/css-transitions.json +9 -0
- package/css-ui.json +92 -0
- package/css-values-5.json +59 -0
- package/css-values.json +115 -0
- package/css-variables.json +2 -0
- package/css-view-transitions-2.json +8 -1
- package/css-view-transitions.json +15 -5
- package/css-viewport.json +43 -0
- package/css-will-change.json +6 -0
- package/css-writing-modes.json +26 -0
- package/fill-stroke.json +66 -0
- package/filter-effects-2.json +1 -0
- package/filter-effects.json +24 -0
- package/html.json +3 -0
- package/mathml-core.json +3 -0
- package/mediaqueries-5.json +121 -0
- package/mediaqueries.json +77 -0
- package/motion.json +32 -0
- package/package.json +1 -1
- package/scroll-animations.json +54 -0
- package/selectors.json +173 -72
- package/svg-strokes.json +3 -0
- package/upgrade-insecure-requests.json +2 -0
- package/webvtt.json +8 -4
package/css-backgrounds.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "background-color",
|
|
9
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-color",
|
|
9
10
|
"value": "<color>",
|
|
10
11
|
"initial": "transparent",
|
|
11
12
|
"appliesTo": "all elements",
|
|
@@ -21,6 +22,7 @@
|
|
|
21
22
|
},
|
|
22
23
|
{
|
|
23
24
|
"name": "background-image",
|
|
25
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-image",
|
|
24
26
|
"value": "<bg-image>#",
|
|
25
27
|
"initial": "none",
|
|
26
28
|
"appliesTo": "all elements",
|
|
@@ -33,6 +35,7 @@
|
|
|
33
35
|
{
|
|
34
36
|
"name": "none",
|
|
35
37
|
"prose": "A value of none counts as an image layer but draws nothing. An image that is empty (zero width or zero height), that fails to download, or that cannot be displayed (e.g., because it is not in a supported image format) likewise counts as a layer but draws nothing.",
|
|
38
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-image-none",
|
|
36
39
|
"type": "value",
|
|
37
40
|
"value": "none"
|
|
38
41
|
}
|
|
@@ -44,6 +47,7 @@
|
|
|
44
47
|
},
|
|
45
48
|
{
|
|
46
49
|
"name": "background-repeat",
|
|
50
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-repeat",
|
|
47
51
|
"value": "<repeat-style>#",
|
|
48
52
|
"initial": "repeat",
|
|
49
53
|
"appliesTo": "all elements",
|
|
@@ -56,36 +60,42 @@
|
|
|
56
60
|
{
|
|
57
61
|
"name": "repeat-x",
|
|
58
62
|
"prose": "Computes to repeat no-repeat.",
|
|
63
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-repeat-repeat-x",
|
|
59
64
|
"type": "value",
|
|
60
65
|
"value": "repeat-x"
|
|
61
66
|
},
|
|
62
67
|
{
|
|
63
68
|
"name": "repeat-y",
|
|
64
69
|
"prose": "Computes to no-repeat repeat.",
|
|
70
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-repeat-repeat-y",
|
|
65
71
|
"type": "value",
|
|
66
72
|
"value": "repeat-y"
|
|
67
73
|
},
|
|
68
74
|
{
|
|
69
75
|
"name": "repeat",
|
|
70
76
|
"prose": "The image is repeated in this direction as often as needed to cover the background painting area.",
|
|
77
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-repeat-repeat",
|
|
71
78
|
"type": "value",
|
|
72
79
|
"value": "repeat"
|
|
73
80
|
},
|
|
74
81
|
{
|
|
75
82
|
"name": "space",
|
|
76
83
|
"prose": "The image is repeated as often as will fit within the background positioning area without being clipped and then the images are spaced out to fill the area. The first and last images touch the edges of the area. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area. The value of background-position for this direction is ignored, unless there is not enough space for two copies of the image in this direction, in which case only one image is placed and background-position determines its position in this direction.",
|
|
84
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-repeat-space",
|
|
77
85
|
"type": "value",
|
|
78
86
|
"value": "space"
|
|
79
87
|
},
|
|
80
88
|
{
|
|
81
89
|
"name": "round",
|
|
82
90
|
"prose": "The image is repeated as often as will fit within the background positioning area. If it doesn’t fit a whole number of times, it is rescaled so that it does. See the formula under background-size. If the background painting area is larger than the background positioning area, then the pattern repeats to fill the background painting area.",
|
|
91
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-repeat-round",
|
|
83
92
|
"type": "value",
|
|
84
93
|
"value": "round"
|
|
85
94
|
},
|
|
86
95
|
{
|
|
87
96
|
"name": "no-repeat",
|
|
88
97
|
"prose": "The image is placed once and not repeated in this direction.",
|
|
98
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-repeat-no-repeat",
|
|
89
99
|
"type": "value",
|
|
90
100
|
"value": "no-repeat"
|
|
91
101
|
}
|
|
@@ -97,6 +107,7 @@
|
|
|
97
107
|
},
|
|
98
108
|
{
|
|
99
109
|
"name": "background-attachment",
|
|
110
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-attachment",
|
|
100
111
|
"value": "<attachment>#",
|
|
101
112
|
"initial": "scroll",
|
|
102
113
|
"appliesTo": "all elements",
|
|
@@ -109,18 +120,21 @@
|
|
|
109
120
|
{
|
|
110
121
|
"name": "fixed",
|
|
111
122
|
"prose": "The background is fixed with regard to the viewport. In paged media where there is no viewport, a fixed background is fixed with respect to the page box and therefore replicated on every page.",
|
|
123
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-attachment-fixed",
|
|
112
124
|
"type": "value",
|
|
113
125
|
"value": "fixed"
|
|
114
126
|
},
|
|
115
127
|
{
|
|
116
128
|
"name": "local",
|
|
117
129
|
"prose": "The background is fixed with regard to the element’s contents: if the element has a scrolling mechanism, the background scrolls with the element’s contents, and the background painting area and background positioning area are relative to the scrollable area of the element rather than to the border framing them. Because the scrollable area does not include the border area, for scrollable elements the border-box value of background-clip may be treated the same as padding-box.",
|
|
130
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-attachment-local",
|
|
118
131
|
"type": "value",
|
|
119
132
|
"value": "local"
|
|
120
133
|
},
|
|
121
134
|
{
|
|
122
135
|
"name": "scroll",
|
|
123
136
|
"prose": "The background is fixed with regard to the element itself and does not scroll with its contents. (It is effectively attached to the element’s border.)",
|
|
137
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-attachment-scroll",
|
|
124
138
|
"type": "value",
|
|
125
139
|
"value": "scroll"
|
|
126
140
|
}
|
|
@@ -132,6 +146,7 @@
|
|
|
132
146
|
},
|
|
133
147
|
{
|
|
134
148
|
"name": "background-position",
|
|
149
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-position",
|
|
135
150
|
"value": "<bg-position>#",
|
|
136
151
|
"initial": "0% 0%",
|
|
137
152
|
"appliesTo": "all elements",
|
|
@@ -144,42 +159,49 @@
|
|
|
144
159
|
{
|
|
145
160
|
"name": "<percentage>",
|
|
146
161
|
"prose": "A percentage for the horizontal offset is relative to (width of background positioning area - width of background image). A percentage for the vertical offset is relative to (height of background positioning area - height of background image), where the size of the image is the size given by background-size. For example, with a value pair of 0% 0%, the upper left corner of the image is aligned with the upper left corner of, usually, the box’s padding edge. A value pair of 100% 100% places the lower right corner of the image in the lower right corner of the area. With a value pair of 75% 50%, the point 75% across and 50% down the image is to be placed at the point 75% across and 50% down the area. Diagram of the meaning of background-position: 75% 50%.",
|
|
162
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-position-percentage",
|
|
147
163
|
"type": "value",
|
|
148
164
|
"value": "<percentage>"
|
|
149
165
|
},
|
|
150
166
|
{
|
|
151
167
|
"name": "<length>",
|
|
152
168
|
"prose": "A length value gives a fixed length as the offset. For example, with a value pair of 2cm 1cm, the upper left corner of the image is placed 2cm to the right and 1cm below the upper left corner of the background positioning area.",
|
|
169
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-position-length",
|
|
153
170
|
"type": "value",
|
|
154
171
|
"value": "<length>"
|
|
155
172
|
},
|
|
156
173
|
{
|
|
157
174
|
"name": "top",
|
|
158
175
|
"prose": "Computes to 0% for the vertical position if one or two values are given, otherwise specifies the top edge as the origin for the next offset.",
|
|
176
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-position-top",
|
|
159
177
|
"type": "value",
|
|
160
178
|
"value": "top"
|
|
161
179
|
},
|
|
162
180
|
{
|
|
163
181
|
"name": "right",
|
|
164
182
|
"prose": "Computes to 100% for the horizontal position if one or two values are given, otherwise specifies the right edge as the origin for the next offset.",
|
|
183
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-position-right",
|
|
165
184
|
"type": "value",
|
|
166
185
|
"value": "right"
|
|
167
186
|
},
|
|
168
187
|
{
|
|
169
188
|
"name": "bottom",
|
|
170
189
|
"prose": "Computes to 100% for the vertical position if one or two values are given, otherwise specifies the bottom edge as the origin for the next offset.",
|
|
190
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-position-bottom",
|
|
171
191
|
"type": "value",
|
|
172
192
|
"value": "bottom"
|
|
173
193
|
},
|
|
174
194
|
{
|
|
175
195
|
"name": "left",
|
|
176
196
|
"prose": "Computes to 0% for the horizontal position if one or two values are given, otherwise specifies the left edge as the origin for the next offset.",
|
|
197
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-position-left",
|
|
177
198
|
"type": "value",
|
|
178
199
|
"value": "left"
|
|
179
200
|
},
|
|
180
201
|
{
|
|
181
202
|
"name": "center",
|
|
182
203
|
"prose": "Computes to 50% (left 50%) for the horizontal position if the horizontal position is not otherwise specified, or 50% (top 50%) for the vertical position if it is.",
|
|
204
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-position-center",
|
|
183
205
|
"type": "value",
|
|
184
206
|
"value": "center"
|
|
185
207
|
}
|
|
@@ -191,6 +213,7 @@
|
|
|
191
213
|
},
|
|
192
214
|
{
|
|
193
215
|
"name": "background-clip",
|
|
216
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-clip",
|
|
194
217
|
"value": "<visual-box>#",
|
|
195
218
|
"initial": "border-box",
|
|
196
219
|
"appliesTo": "all elements",
|
|
@@ -203,18 +226,21 @@
|
|
|
203
226
|
{
|
|
204
227
|
"name": "border-box",
|
|
205
228
|
"prose": "The background is painted within (clipped to) the border box.",
|
|
229
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-clip-border-box",
|
|
206
230
|
"type": "value",
|
|
207
231
|
"value": "border-box"
|
|
208
232
|
},
|
|
209
233
|
{
|
|
210
234
|
"name": "padding-box",
|
|
211
235
|
"prose": "The background is painted within (clipped to) the padding box.",
|
|
236
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-clip-padding-box",
|
|
212
237
|
"type": "value",
|
|
213
238
|
"value": "padding-box"
|
|
214
239
|
},
|
|
215
240
|
{
|
|
216
241
|
"name": "content-box",
|
|
217
242
|
"prose": "The background is painted within (clipped to) the content box.",
|
|
243
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-clip-content-box",
|
|
218
244
|
"type": "value",
|
|
219
245
|
"value": "content-box"
|
|
220
246
|
}
|
|
@@ -226,6 +252,7 @@
|
|
|
226
252
|
},
|
|
227
253
|
{
|
|
228
254
|
"name": "background-origin",
|
|
255
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-origin",
|
|
229
256
|
"value": "<visual-box>#",
|
|
230
257
|
"initial": "padding-box",
|
|
231
258
|
"appliesTo": "all elements",
|
|
@@ -238,18 +265,21 @@
|
|
|
238
265
|
{
|
|
239
266
|
"name": "padding-box",
|
|
240
267
|
"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.)",
|
|
268
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-origin-padding-box",
|
|
241
269
|
"type": "value",
|
|
242
270
|
"value": "padding-box"
|
|
243
271
|
},
|
|
244
272
|
{
|
|
245
273
|
"name": "border-box",
|
|
246
274
|
"prose": "The position is relative to the border box.",
|
|
275
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-origin-border-box",
|
|
247
276
|
"type": "value",
|
|
248
277
|
"value": "border-box"
|
|
249
278
|
},
|
|
250
279
|
{
|
|
251
280
|
"name": "content-box",
|
|
252
281
|
"prose": "The position is relative to the content box.",
|
|
282
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-origin-content-box",
|
|
253
283
|
"type": "value",
|
|
254
284
|
"value": "content-box"
|
|
255
285
|
}
|
|
@@ -261,6 +291,7 @@
|
|
|
261
291
|
},
|
|
262
292
|
{
|
|
263
293
|
"name": "background-size",
|
|
294
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background-size",
|
|
264
295
|
"value": "<bg-size>#",
|
|
265
296
|
"initial": "auto",
|
|
266
297
|
"appliesTo": "all elements",
|
|
@@ -273,24 +304,28 @@
|
|
|
273
304
|
{
|
|
274
305
|
"name": "contain",
|
|
275
306
|
"prose": "Scale the image, while preserving its natural aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area.",
|
|
307
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-size-contain",
|
|
276
308
|
"type": "value",
|
|
277
309
|
"value": "contain"
|
|
278
310
|
},
|
|
279
311
|
{
|
|
280
312
|
"name": "cover",
|
|
281
313
|
"prose": "Scale the image, while preserving its natural aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area.",
|
|
314
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-size-cover",
|
|
282
315
|
"type": "value",
|
|
283
316
|
"value": "cover"
|
|
284
317
|
},
|
|
285
318
|
{
|
|
286
319
|
"name": "<length-percentage [0,∞]>",
|
|
287
320
|
"prose": "The first value gives the width of the corresponding image, the second value its height. If only one value is given the second is assumed to be auto. A percentage is relative to the background positioning area. An auto value for one dimension is resolved by using the image’s natural aspect ratio and the size of the other dimension, or failing that, using the image’s natural size, or failing that, treating it as 100%. If both values are auto then the natural width and/or height of the image should be used, if any, the missing dimension (if any) behaving as auto as described above. If the image has neither natural size, its size is determined as for contain. Negative values are invalid.",
|
|
321
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-size-length-percentage-0",
|
|
288
322
|
"type": "value",
|
|
289
323
|
"value": "<length-percentage [0,∞]>"
|
|
290
324
|
},
|
|
291
325
|
{
|
|
292
326
|
"name": "auto",
|
|
293
327
|
"prose": "The first value gives the width of the corresponding image, the second value its height. If only one value is given the second is assumed to be auto. A percentage is relative to the background positioning area. An auto value for one dimension is resolved by using the image’s natural aspect ratio and the size of the other dimension, or failing that, using the image’s natural size, or failing that, treating it as 100%. If both values are auto then the natural width and/or height of the image should be used, if any, the missing dimension (if any) behaving as auto as described above. If the image has neither natural size, its size is determined as for contain. Negative values are invalid.",
|
|
328
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-background-size-auto",
|
|
294
329
|
"type": "value",
|
|
295
330
|
"value": "auto"
|
|
296
331
|
}
|
|
@@ -302,6 +337,7 @@
|
|
|
302
337
|
},
|
|
303
338
|
{
|
|
304
339
|
"name": "background",
|
|
340
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-background",
|
|
305
341
|
"value": "<bg-layer>#? , <final-bg-layer>",
|
|
306
342
|
"initial": "see individual properties",
|
|
307
343
|
"appliesTo": "all elements",
|
|
@@ -316,6 +352,7 @@
|
|
|
316
352
|
},
|
|
317
353
|
{
|
|
318
354
|
"name": "border-style",
|
|
355
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-style",
|
|
319
356
|
"value": "<line-style>{1,4}",
|
|
320
357
|
"initial": "(see individual properties)",
|
|
321
358
|
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
|
|
@@ -331,6 +368,7 @@
|
|
|
331
368
|
},
|
|
332
369
|
{
|
|
333
370
|
"name": "border-width",
|
|
371
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-width",
|
|
334
372
|
"value": "<line-width>{1,4}",
|
|
335
373
|
"initial": "(see individual properties)",
|
|
336
374
|
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
|
|
@@ -346,6 +384,7 @@
|
|
|
346
384
|
},
|
|
347
385
|
{
|
|
348
386
|
"name": "border",
|
|
387
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border",
|
|
349
388
|
"value": "<line-width> || <line-style> || <color>",
|
|
350
389
|
"initial": "See individual properties",
|
|
351
390
|
"appliesTo": "all elements except ruby base containers and ruby annotation containers",
|
|
@@ -360,6 +399,7 @@
|
|
|
360
399
|
},
|
|
361
400
|
{
|
|
362
401
|
"name": "border-image-source",
|
|
402
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-image-source",
|
|
363
403
|
"value": "none | <image>",
|
|
364
404
|
"initial": "none",
|
|
365
405
|
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
|
|
@@ -375,6 +415,7 @@
|
|
|
375
415
|
},
|
|
376
416
|
{
|
|
377
417
|
"name": "border-image-slice",
|
|
418
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-image-slice",
|
|
378
419
|
"value": "[<number [0,∞]> | <percentage [0,∞]>]{1,4} && fill?",
|
|
379
420
|
"initial": "100%",
|
|
380
421
|
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
|
|
@@ -387,18 +428,21 @@
|
|
|
387
428
|
{
|
|
388
429
|
"name": "<percentage [0,∞]>",
|
|
389
430
|
"prose": "Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets.",
|
|
431
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-slice-percentage-0",
|
|
390
432
|
"type": "value",
|
|
391
433
|
"value": "<percentage [0,∞]>"
|
|
392
434
|
},
|
|
393
435
|
{
|
|
394
436
|
"name": "<number [0,∞]>",
|
|
395
437
|
"prose": "Numbers represent pixels in the image (if the image is a raster image) or vector coordinates (if the image is a vector image).",
|
|
438
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-slice-number-0",
|
|
396
439
|
"type": "value",
|
|
397
440
|
"value": "<number [0,∞]>"
|
|
398
441
|
},
|
|
399
442
|
{
|
|
400
443
|
"name": "fill",
|
|
401
444
|
"prose": "The fill keyword, if present, causes the middle part of the border-image to be preserved. (By default it is discarded, i.e., treated as empty.)",
|
|
445
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#border-image-slice-fill",
|
|
402
446
|
"type": "value",
|
|
403
447
|
"value": "fill"
|
|
404
448
|
}
|
|
@@ -410,6 +454,7 @@
|
|
|
410
454
|
},
|
|
411
455
|
{
|
|
412
456
|
"name": "border-image-width",
|
|
457
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-image-width",
|
|
413
458
|
"value": "[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}",
|
|
414
459
|
"initial": "1",
|
|
415
460
|
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
|
|
@@ -422,18 +467,21 @@
|
|
|
422
467
|
{
|
|
423
468
|
"name": "<length-percentage [0,∞]>",
|
|
424
469
|
"prose": "Percentages refer to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets.",
|
|
470
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-width-length-percentage-0",
|
|
425
471
|
"type": "value",
|
|
426
472
|
"value": "<length-percentage [0,∞]>"
|
|
427
473
|
},
|
|
428
474
|
{
|
|
429
475
|
"name": "<number [0,∞]>",
|
|
430
476
|
"prose": "Numbers represent multiples of the corresponding computed border-width.",
|
|
477
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-width-number-0",
|
|
431
478
|
"type": "value",
|
|
432
479
|
"value": "<number [0,∞]>"
|
|
433
480
|
},
|
|
434
481
|
{
|
|
435
482
|
"name": "auto",
|
|
436
483
|
"prose": "If auto is specified then the border image width is the natural width or height (whichever is applicable) of the corresponding image slice (see border-image-slice). If the image does not have the required natural dimension then the corresponding computed border-width is used instead.",
|
|
484
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-width-auto",
|
|
437
485
|
"type": "value",
|
|
438
486
|
"value": "auto"
|
|
439
487
|
}
|
|
@@ -445,6 +493,7 @@
|
|
|
445
493
|
},
|
|
446
494
|
{
|
|
447
495
|
"name": "border-image-outset",
|
|
496
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-image-outset",
|
|
448
497
|
"value": "[ <length [0,∞]> | <number [0,∞]> ]{1,4}",
|
|
449
498
|
"initial": "0",
|
|
450
499
|
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
|
|
@@ -460,6 +509,7 @@
|
|
|
460
509
|
},
|
|
461
510
|
{
|
|
462
511
|
"name": "border-image-repeat",
|
|
512
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-image-repeat",
|
|
463
513
|
"value": "[ stretch | repeat | round | space ]{1,2}",
|
|
464
514
|
"initial": "stretch",
|
|
465
515
|
"appliesTo": "All elements, except internal table elements when border-collapse is collapse",
|
|
@@ -472,24 +522,28 @@
|
|
|
472
522
|
{
|
|
473
523
|
"name": "stretch",
|
|
474
524
|
"prose": "The image is stretched to fill the area.",
|
|
525
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-repeat-stretch",
|
|
475
526
|
"type": "value",
|
|
476
527
|
"value": "stretch"
|
|
477
528
|
},
|
|
478
529
|
{
|
|
479
530
|
"name": "repeat",
|
|
480
531
|
"prose": "The image is tiled (repeated) to fill the area.",
|
|
532
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-repeat-repeat",
|
|
481
533
|
"type": "value",
|
|
482
534
|
"value": "repeat"
|
|
483
535
|
},
|
|
484
536
|
{
|
|
485
537
|
"name": "round",
|
|
486
538
|
"prose": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so that it does.",
|
|
539
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-repeat-round",
|
|
487
540
|
"type": "value",
|
|
488
541
|
"value": "round"
|
|
489
542
|
},
|
|
490
543
|
{
|
|
491
544
|
"name": "space",
|
|
492
545
|
"prose": "The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles.",
|
|
546
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-border-image-repeat-space",
|
|
493
547
|
"type": "value",
|
|
494
548
|
"value": "space"
|
|
495
549
|
}
|
|
@@ -501,6 +555,7 @@
|
|
|
501
555
|
},
|
|
502
556
|
{
|
|
503
557
|
"name": "border-image",
|
|
558
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#propdef-border-image",
|
|
504
559
|
"value": "<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>",
|
|
505
560
|
"initial": "See individual properties",
|
|
506
561
|
"appliesTo": "See individual properties",
|
|
@@ -520,101 +575,119 @@
|
|
|
520
575
|
"values": [
|
|
521
576
|
{
|
|
522
577
|
"name": "<bg-image>",
|
|
578
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-bg-image",
|
|
523
579
|
"type": "type",
|
|
524
580
|
"value": "<image> | none"
|
|
525
581
|
},
|
|
526
582
|
{
|
|
527
583
|
"name": "<repeat-style>",
|
|
584
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-repeat-style",
|
|
528
585
|
"type": "type",
|
|
529
586
|
"value": "repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}"
|
|
530
587
|
},
|
|
531
588
|
{
|
|
532
589
|
"name": "<attachment>",
|
|
590
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-attachment",
|
|
533
591
|
"type": "type",
|
|
534
592
|
"value": "scroll | fixed | local"
|
|
535
593
|
},
|
|
536
594
|
{
|
|
537
595
|
"name": "<bg-position>",
|
|
596
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-bg-position",
|
|
538
597
|
"type": "type",
|
|
539
598
|
"value": "[ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>? ] && [ center | [ top | bottom ] <length-percentage>? ] ]"
|
|
540
599
|
},
|
|
541
600
|
{
|
|
542
601
|
"name": "<bg-size>",
|
|
602
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-bg-size",
|
|
543
603
|
"type": "type",
|
|
544
604
|
"value": "[ <length-percentage [0,∞]> | auto ]{1,2} | cover | contain"
|
|
545
605
|
},
|
|
546
606
|
{
|
|
547
607
|
"name": "<bg-layer>",
|
|
608
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-bg-layer",
|
|
548
609
|
"type": "type",
|
|
549
610
|
"value": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box>"
|
|
550
611
|
},
|
|
551
612
|
{
|
|
552
613
|
"name": "<final-bg-layer>",
|
|
614
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-final-bg-layer",
|
|
553
615
|
"type": "type",
|
|
554
616
|
"value": "<bg-image> || <bg-position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <visual-box> || <visual-box> || <'background-color'>"
|
|
555
617
|
},
|
|
556
618
|
{
|
|
557
619
|
"name": "<line-style>",
|
|
620
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-line-style",
|
|
558
621
|
"type": "type",
|
|
559
622
|
"value": "none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset",
|
|
560
623
|
"values": [
|
|
561
624
|
{
|
|
562
625
|
"name": "none",
|
|
563
626
|
"prose": "No border. Color and width are ignored (i.e., the border has width 0). Note this means that the initial value of border-image-width will also resolve to zero.",
|
|
627
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-none",
|
|
564
628
|
"type": "value",
|
|
565
629
|
"value": "none"
|
|
566
630
|
},
|
|
567
631
|
{
|
|
568
632
|
"name": "hidden",
|
|
569
633
|
"prose": "Same as none, but has different behavior in the border conflict resolution rules for border-collapsed tables [CSS2].",
|
|
634
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-hidden",
|
|
570
635
|
"type": "value",
|
|
571
636
|
"value": "hidden"
|
|
572
637
|
},
|
|
573
638
|
{
|
|
574
639
|
"name": "dotted",
|
|
575
640
|
"prose": "A series of round dots.",
|
|
641
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-dotted",
|
|
576
642
|
"type": "value",
|
|
577
643
|
"value": "dotted"
|
|
578
644
|
},
|
|
579
645
|
{
|
|
580
646
|
"name": "dashed",
|
|
581
647
|
"prose": "A series of square-ended dashes.",
|
|
648
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-dashed",
|
|
582
649
|
"type": "value",
|
|
583
650
|
"value": "dashed"
|
|
584
651
|
},
|
|
585
652
|
{
|
|
586
653
|
"name": "solid",
|
|
587
654
|
"prose": "A single line segment.",
|
|
655
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-solid",
|
|
588
656
|
"type": "value",
|
|
589
657
|
"value": "solid"
|
|
590
658
|
},
|
|
591
659
|
{
|
|
592
660
|
"name": "double",
|
|
593
661
|
"prose": "Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal border-width.)",
|
|
662
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-double",
|
|
594
663
|
"type": "value",
|
|
595
664
|
"value": "double"
|
|
596
665
|
},
|
|
597
666
|
{
|
|
598
667
|
"name": "groove",
|
|
599
668
|
"prose": "Looks as if it were carved in the canvas. (This is typically achieved by creating a “shadow” from two colors that are slightly lighter and darker than the border-color.)",
|
|
669
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-groove",
|
|
600
670
|
"type": "value",
|
|
601
671
|
"value": "groove"
|
|
602
672
|
},
|
|
603
673
|
{
|
|
604
674
|
"name": "ridge",
|
|
605
675
|
"prose": "Looks as if it were coming out of the canvas.",
|
|
676
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-ridge",
|
|
606
677
|
"type": "value",
|
|
607
678
|
"value": "ridge"
|
|
608
679
|
},
|
|
609
680
|
{
|
|
610
681
|
"name": "inset",
|
|
611
682
|
"prose": "Looks as if the content on the inside of the border is sunken into the canvas. Treated as ridge in the collapsing border model. [CSS2]",
|
|
683
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-inset",
|
|
612
684
|
"type": "value",
|
|
613
685
|
"value": "inset"
|
|
614
686
|
},
|
|
615
687
|
{
|
|
616
688
|
"name": "outset",
|
|
617
689
|
"prose": "Looks as if the content on the inside of the border is coming out of the canvas. Treated as groove in the collapsing border model. [CSS2]",
|
|
690
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-style-outset",
|
|
618
691
|
"type": "value",
|
|
619
692
|
"value": "outset"
|
|
620
693
|
}
|
|
@@ -622,24 +695,28 @@
|
|
|
622
695
|
},
|
|
623
696
|
{
|
|
624
697
|
"name": "<line-width>",
|
|
698
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-line-width",
|
|
625
699
|
"type": "type",
|
|
626
700
|
"value": "<length [0,∞]> | thin | medium | thick",
|
|
627
701
|
"values": [
|
|
628
702
|
{
|
|
629
703
|
"name": "thin",
|
|
630
704
|
"prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
|
|
705
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-width-thin",
|
|
631
706
|
"type": "value",
|
|
632
707
|
"value": "thin"
|
|
633
708
|
},
|
|
634
709
|
{
|
|
635
710
|
"name": "medium",
|
|
636
711
|
"prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
|
|
712
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-width-medium",
|
|
637
713
|
"type": "value",
|
|
638
714
|
"value": "medium"
|
|
639
715
|
},
|
|
640
716
|
{
|
|
641
717
|
"name": "thick",
|
|
642
718
|
"prose": "Negative values are invalid. The thin, medium, and thick keywords are equivalent to 1px, 3px, and 5px, respectively.",
|
|
719
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#valdef-line-width-thick",
|
|
643
720
|
"type": "value",
|
|
644
721
|
"value": "thick"
|
|
645
722
|
}
|
|
@@ -647,6 +724,7 @@
|
|
|
647
724
|
},
|
|
648
725
|
{
|
|
649
726
|
"name": "<shadow>",
|
|
727
|
+
"href": "https://drafts.csswg.org/css-backgrounds-3/#typedef-shadow",
|
|
650
728
|
"type": "type",
|
|
651
729
|
"value": "<color>? && [<length>{2} <length [0,∞]>? <length>?] && inset?"
|
|
652
730
|
}
|