@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-position.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "position",
|
|
9
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-position",
|
|
9
10
|
"value": "static | relative | absolute | sticky | fixed",
|
|
10
11
|
"initial": "static",
|
|
11
12
|
"appliesTo": "all elements except table-column-group and table-column",
|
|
@@ -18,30 +19,35 @@
|
|
|
18
19
|
{
|
|
19
20
|
"name": "static",
|
|
20
21
|
"prose": "The box is not a positioned box, and is laid out according to the rules of its parent formatting context. The inset properties do not apply.",
|
|
22
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-position-static",
|
|
21
23
|
"type": "value",
|
|
22
24
|
"value": "static"
|
|
23
25
|
},
|
|
24
26
|
{
|
|
25
27
|
"name": "relative",
|
|
26
28
|
"prose": "The box is laid out as for static, then offset from the resulting position. This offsetting is a purely visual effect, and does not affect the size or position of any other box, except insofar as it increases the scrollable overflow area of its ancestors. This positioning scheme is called relative positioning.",
|
|
29
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-position-relative",
|
|
27
30
|
"type": "value",
|
|
28
31
|
"value": "relative"
|
|
29
32
|
},
|
|
30
33
|
{
|
|
31
34
|
"name": "sticky",
|
|
32
35
|
"prose": "Identical to relative, except that its offsets are automatically adjusted in reference to the nearest ancestor scroll container’s scrollport (as modified by the inset properties) in whichever axes the inset properties are not both auto, to try to keep the box in view within its containing block as the user scrolls. This positioning scheme is called sticky positioning.",
|
|
36
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-position-sticky",
|
|
33
37
|
"type": "value",
|
|
34
38
|
"value": "sticky"
|
|
35
39
|
},
|
|
36
40
|
{
|
|
37
41
|
"name": "absolute",
|
|
38
42
|
"prose": "The box is taken out of flow such that it has no impact on the size or position of its siblings and ancestors, and does not participate in its parent’s formatting context. Instead, the box is positioned and sized solely in reference to its absolute positioning containing block, as modified by the box’s inset properties, see § 4 Absolute Positioning Layout Model. It can overlap in-flow content or other absolutely positioned elements, and is included in the scrollable overflow area of the box that generates is containing block. This positioning scheme is called absolute positioning.",
|
|
43
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-position-absolute",
|
|
39
44
|
"type": "value",
|
|
40
45
|
"value": "absolute"
|
|
41
46
|
},
|
|
42
47
|
{
|
|
43
48
|
"name": "fixed",
|
|
44
49
|
"prose": "Same as absolute, except the box is positioned and sized relative to a fixed positioning containing block (usually the viewport in continuous media, or the page area in paged media). The box’s position is fixed with respect to this reference rectangle: when attached to the viewport it does not move when the document is scrolled, and when attached to the page area is replicated on every page when the document is paginated. This positioning scheme is called fixed positioning and is considered a subset of absolute positioning. Authors may wish to specify fixed in a media-dependent way. For instance, an author may want a box to remain at the top of the viewport on the screen, but not at the top of each printed page. The two specifications may be separated by using an '@media' rule, as in: @media screen { h1#first { position: fixed } } @media print { h1#first { position: static } }",
|
|
50
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-position-fixed",
|
|
45
51
|
"type": "value",
|
|
46
52
|
"value": "fixed"
|
|
47
53
|
}
|
|
@@ -52,6 +58,7 @@
|
|
|
52
58
|
},
|
|
53
59
|
{
|
|
54
60
|
"name": "top",
|
|
61
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-top",
|
|
55
62
|
"value": "auto | <length-percentage>",
|
|
56
63
|
"initial": "auto",
|
|
57
64
|
"appliesTo": "positioned elements",
|
|
@@ -65,18 +72,21 @@
|
|
|
65
72
|
{
|
|
66
73
|
"name": "<length>",
|
|
67
74
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
75
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
68
76
|
"type": "value",
|
|
69
77
|
"value": "<length>"
|
|
70
78
|
},
|
|
71
79
|
{
|
|
72
80
|
"name": "<percentage>",
|
|
73
81
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
82
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
74
83
|
"type": "value",
|
|
75
84
|
"value": "<percentage>"
|
|
76
85
|
},
|
|
77
86
|
{
|
|
78
87
|
"name": "auto",
|
|
79
88
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
89
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
80
90
|
"type": "value",
|
|
81
91
|
"value": "auto"
|
|
82
92
|
}
|
|
@@ -87,6 +97,7 @@
|
|
|
87
97
|
},
|
|
88
98
|
{
|
|
89
99
|
"name": "right",
|
|
100
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-right",
|
|
90
101
|
"value": "auto | <length-percentage>",
|
|
91
102
|
"initial": "auto",
|
|
92
103
|
"appliesTo": "positioned elements",
|
|
@@ -100,18 +111,21 @@
|
|
|
100
111
|
{
|
|
101
112
|
"name": "<length>",
|
|
102
113
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
114
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
103
115
|
"type": "value",
|
|
104
116
|
"value": "<length>"
|
|
105
117
|
},
|
|
106
118
|
{
|
|
107
119
|
"name": "<percentage>",
|
|
108
120
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
121
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
109
122
|
"type": "value",
|
|
110
123
|
"value": "<percentage>"
|
|
111
124
|
},
|
|
112
125
|
{
|
|
113
126
|
"name": "auto",
|
|
114
127
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
128
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
115
129
|
"type": "value",
|
|
116
130
|
"value": "auto"
|
|
117
131
|
}
|
|
@@ -122,6 +136,7 @@
|
|
|
122
136
|
},
|
|
123
137
|
{
|
|
124
138
|
"name": "bottom",
|
|
139
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-bottom",
|
|
125
140
|
"value": "auto | <length-percentage>",
|
|
126
141
|
"initial": "auto",
|
|
127
142
|
"appliesTo": "positioned elements",
|
|
@@ -135,18 +150,21 @@
|
|
|
135
150
|
{
|
|
136
151
|
"name": "<length>",
|
|
137
152
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
153
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
138
154
|
"type": "value",
|
|
139
155
|
"value": "<length>"
|
|
140
156
|
},
|
|
141
157
|
{
|
|
142
158
|
"name": "<percentage>",
|
|
143
159
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
160
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
144
161
|
"type": "value",
|
|
145
162
|
"value": "<percentage>"
|
|
146
163
|
},
|
|
147
164
|
{
|
|
148
165
|
"name": "auto",
|
|
149
166
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
167
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
150
168
|
"type": "value",
|
|
151
169
|
"value": "auto"
|
|
152
170
|
}
|
|
@@ -157,6 +175,7 @@
|
|
|
157
175
|
},
|
|
158
176
|
{
|
|
159
177
|
"name": "left",
|
|
178
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-left",
|
|
160
179
|
"value": "auto | <length-percentage>",
|
|
161
180
|
"initial": "auto",
|
|
162
181
|
"appliesTo": "positioned elements",
|
|
@@ -170,18 +189,21 @@
|
|
|
170
189
|
{
|
|
171
190
|
"name": "<length>",
|
|
172
191
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
192
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
173
193
|
"type": "value",
|
|
174
194
|
"value": "<length>"
|
|
175
195
|
},
|
|
176
196
|
{
|
|
177
197
|
"name": "<percentage>",
|
|
178
198
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
199
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
179
200
|
"type": "value",
|
|
180
201
|
"value": "<percentage>"
|
|
181
202
|
},
|
|
182
203
|
{
|
|
183
204
|
"name": "auto",
|
|
184
205
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
206
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
185
207
|
"type": "value",
|
|
186
208
|
"value": "auto"
|
|
187
209
|
}
|
|
@@ -192,6 +214,7 @@
|
|
|
192
214
|
},
|
|
193
215
|
{
|
|
194
216
|
"name": "inset-block-start",
|
|
217
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-block-start",
|
|
195
218
|
"value": "auto | <length-percentage>",
|
|
196
219
|
"initial": "auto",
|
|
197
220
|
"appliesTo": "positioned elements",
|
|
@@ -205,18 +228,21 @@
|
|
|
205
228
|
{
|
|
206
229
|
"name": "<length>",
|
|
207
230
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
231
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
208
232
|
"type": "value",
|
|
209
233
|
"value": "<length>"
|
|
210
234
|
},
|
|
211
235
|
{
|
|
212
236
|
"name": "<percentage>",
|
|
213
237
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
238
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
214
239
|
"type": "value",
|
|
215
240
|
"value": "<percentage>"
|
|
216
241
|
},
|
|
217
242
|
{
|
|
218
243
|
"name": "auto",
|
|
219
244
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
245
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
220
246
|
"type": "value",
|
|
221
247
|
"value": "auto"
|
|
222
248
|
}
|
|
@@ -228,6 +254,7 @@
|
|
|
228
254
|
},
|
|
229
255
|
{
|
|
230
256
|
"name": "inset-inline-start",
|
|
257
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-inline-start",
|
|
231
258
|
"value": "auto | <length-percentage>",
|
|
232
259
|
"initial": "auto",
|
|
233
260
|
"appliesTo": "positioned elements",
|
|
@@ -241,18 +268,21 @@
|
|
|
241
268
|
{
|
|
242
269
|
"name": "<length>",
|
|
243
270
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
271
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
244
272
|
"type": "value",
|
|
245
273
|
"value": "<length>"
|
|
246
274
|
},
|
|
247
275
|
{
|
|
248
276
|
"name": "<percentage>",
|
|
249
277
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
278
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
250
279
|
"type": "value",
|
|
251
280
|
"value": "<percentage>"
|
|
252
281
|
},
|
|
253
282
|
{
|
|
254
283
|
"name": "auto",
|
|
255
284
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
285
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
256
286
|
"type": "value",
|
|
257
287
|
"value": "auto"
|
|
258
288
|
}
|
|
@@ -264,6 +294,7 @@
|
|
|
264
294
|
},
|
|
265
295
|
{
|
|
266
296
|
"name": "inset-block-end",
|
|
297
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-block-end",
|
|
267
298
|
"value": "auto | <length-percentage>",
|
|
268
299
|
"initial": "auto",
|
|
269
300
|
"appliesTo": "positioned elements",
|
|
@@ -277,18 +308,21 @@
|
|
|
277
308
|
{
|
|
278
309
|
"name": "<length>",
|
|
279
310
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
311
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
280
312
|
"type": "value",
|
|
281
313
|
"value": "<length>"
|
|
282
314
|
},
|
|
283
315
|
{
|
|
284
316
|
"name": "<percentage>",
|
|
285
317
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
318
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
286
319
|
"type": "value",
|
|
287
320
|
"value": "<percentage>"
|
|
288
321
|
},
|
|
289
322
|
{
|
|
290
323
|
"name": "auto",
|
|
291
324
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
325
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
292
326
|
"type": "value",
|
|
293
327
|
"value": "auto"
|
|
294
328
|
}
|
|
@@ -300,6 +334,7 @@
|
|
|
300
334
|
},
|
|
301
335
|
{
|
|
302
336
|
"name": "inset-inline-end",
|
|
337
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-inline-end",
|
|
303
338
|
"value": "auto | <length-percentage>",
|
|
304
339
|
"initial": "auto",
|
|
305
340
|
"appliesTo": "positioned elements",
|
|
@@ -313,18 +348,21 @@
|
|
|
313
348
|
{
|
|
314
349
|
"name": "<length>",
|
|
315
350
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
351
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
316
352
|
"type": "value",
|
|
317
353
|
"value": "<length>"
|
|
318
354
|
},
|
|
319
355
|
{
|
|
320
356
|
"name": "<percentage>",
|
|
321
357
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
358
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
322
359
|
"type": "value",
|
|
323
360
|
"value": "<percentage>"
|
|
324
361
|
},
|
|
325
362
|
{
|
|
326
363
|
"name": "auto",
|
|
327
364
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
365
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
328
366
|
"type": "value",
|
|
329
367
|
"value": "auto"
|
|
330
368
|
}
|
|
@@ -336,6 +374,7 @@
|
|
|
336
374
|
},
|
|
337
375
|
{
|
|
338
376
|
"name": "inset-block",
|
|
377
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-block",
|
|
339
378
|
"value": "<'top'>{1,2}",
|
|
340
379
|
"initial": "auto",
|
|
341
380
|
"appliesTo": "positioned elements",
|
|
@@ -348,18 +387,21 @@
|
|
|
348
387
|
{
|
|
349
388
|
"name": "<length>",
|
|
350
389
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
390
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
351
391
|
"type": "value",
|
|
352
392
|
"value": "<length>"
|
|
353
393
|
},
|
|
354
394
|
{
|
|
355
395
|
"name": "<percentage>",
|
|
356
396
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
397
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
357
398
|
"type": "value",
|
|
358
399
|
"value": "<percentage>"
|
|
359
400
|
},
|
|
360
401
|
{
|
|
361
402
|
"name": "auto",
|
|
362
403
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
404
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
363
405
|
"type": "value",
|
|
364
406
|
"value": "auto"
|
|
365
407
|
}
|
|
@@ -371,6 +413,7 @@
|
|
|
371
413
|
},
|
|
372
414
|
{
|
|
373
415
|
"name": "inset-inline",
|
|
416
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset-inline",
|
|
374
417
|
"value": "<'top'>{1,2}",
|
|
375
418
|
"initial": "auto",
|
|
376
419
|
"appliesTo": "positioned elements",
|
|
@@ -383,18 +426,21 @@
|
|
|
383
426
|
{
|
|
384
427
|
"name": "<length>",
|
|
385
428
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
429
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
386
430
|
"type": "value",
|
|
387
431
|
"value": "<length>"
|
|
388
432
|
},
|
|
389
433
|
{
|
|
390
434
|
"name": "<percentage>",
|
|
391
435
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
436
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
392
437
|
"type": "value",
|
|
393
438
|
"value": "<percentage>"
|
|
394
439
|
},
|
|
395
440
|
{
|
|
396
441
|
"name": "auto",
|
|
397
442
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
443
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
398
444
|
"type": "value",
|
|
399
445
|
"value": "auto"
|
|
400
446
|
}
|
|
@@ -406,6 +452,7 @@
|
|
|
406
452
|
},
|
|
407
453
|
{
|
|
408
454
|
"name": "inset",
|
|
455
|
+
"href": "https://drafts.csswg.org/css-position-3/#propdef-inset",
|
|
409
456
|
"value": "<'top'>{1,4}",
|
|
410
457
|
"initial": "auto",
|
|
411
458
|
"appliesTo": "positioned elements",
|
|
@@ -418,18 +465,21 @@
|
|
|
418
465
|
{
|
|
419
466
|
"name": "<length>",
|
|
420
467
|
"prose": "The inset is a fixed distance from the reference edge. Negative values are allowed.",
|
|
468
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-length",
|
|
421
469
|
"type": "value",
|
|
422
470
|
"value": "<length>"
|
|
423
471
|
},
|
|
424
472
|
{
|
|
425
473
|
"name": "<percentage>",
|
|
426
474
|
"prose": "The inset is a percentage relative to the containing block’s size in the corresponding axis (e.g. width for left or right, height for top and bottom). For sticky positioned boxes, the inset is instead relative to the relevant scrollport’s size. Negative values are allowed.",
|
|
475
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-percentage",
|
|
427
476
|
"type": "value",
|
|
428
477
|
"value": "<percentage>"
|
|
429
478
|
},
|
|
430
479
|
{
|
|
431
480
|
"name": "auto",
|
|
432
481
|
"prose": "Represents an unconstrained inset; the exact meaning depends on the positioning scheme.",
|
|
482
|
+
"href": "https://drafts.csswg.org/css-position-3/#valdef-top-auto",
|
|
433
483
|
"type": "value",
|
|
434
484
|
"value": "auto"
|
|
435
485
|
}
|
|
@@ -7,21 +7,25 @@
|
|
|
7
7
|
"atrules": [
|
|
8
8
|
{
|
|
9
9
|
"name": "@property",
|
|
10
|
+
"href": "https://drafts.css-houdini.org/css-properties-values-api-1/#at-ruledef-property",
|
|
10
11
|
"descriptors": [
|
|
11
12
|
{
|
|
12
13
|
"name": "syntax",
|
|
14
|
+
"href": "https://drafts.css-houdini.org/css-properties-values-api-1/#descdef-property-syntax",
|
|
13
15
|
"for": "@property",
|
|
14
16
|
"value": "<string>",
|
|
15
17
|
"initial": "n/a (see prose)"
|
|
16
18
|
},
|
|
17
19
|
{
|
|
18
20
|
"name": "inherits",
|
|
21
|
+
"href": "https://drafts.css-houdini.org/css-properties-values-api-1/#descdef-property-inherits",
|
|
19
22
|
"for": "@property",
|
|
20
23
|
"value": "true | false",
|
|
21
24
|
"initial": "n/a (see prose)"
|
|
22
25
|
},
|
|
23
26
|
{
|
|
24
27
|
"name": "initial-value",
|
|
28
|
+
"href": "https://drafts.css-houdini.org/css-properties-values-api-1/#descdef-property-initial-value",
|
|
25
29
|
"for": "@property",
|
|
26
30
|
"value": "<declaration-value>?",
|
|
27
31
|
"initial": "the guaranteed-invalid value (but see prose)"
|
package/css-pseudo.json
CHANGED
|
@@ -8,59 +8,72 @@
|
|
|
8
8
|
"selectors": [
|
|
9
9
|
{
|
|
10
10
|
"name": "::first-line",
|
|
11
|
-
"prose": "The ::first-line pseudo-element represents the contents of the first formatted line of its originating element."
|
|
11
|
+
"prose": "The ::first-line pseudo-element represents the contents of the first formatted line of its originating element.",
|
|
12
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-line"
|
|
12
13
|
},
|
|
13
14
|
{
|
|
14
15
|
"name": "::first-letter",
|
|
15
16
|
"prose": "The ::first-letter pseudo-element represents the first Letter, Number, or Symbol (Unicode category L*, N*, or S*) typographic character unit on the first formatted line of its originating element (the first letter) as well as its associated punctuation. Collectively, this text is the first-letter text. The ::first-letter pseudo-element can be used to create “initial caps” and “drop caps”, which are common typographic effects.",
|
|
17
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter",
|
|
16
18
|
"values": [
|
|
17
19
|
{
|
|
18
20
|
"name": "::prefix",
|
|
19
21
|
"prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::postfix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::postfix). See § 2.2.1 First Letters and Associated Punctuation, below.",
|
|
22
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter-prefix",
|
|
20
23
|
"type": "selector"
|
|
21
24
|
},
|
|
22
25
|
{
|
|
23
26
|
"name": "::postfix",
|
|
24
27
|
"prose": "To allow independent styling of the first letter itself and its adjacent punctuation, associated preceding punctuation is represented by the ::prefix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::prefix); and associated following punctuation is represented by the ::postfix sub-pseudo-element of the ::first-letter pseudo-element (::first-letter::postfix). See § 2.2.1 First Letters and Associated Punctuation, below.",
|
|
28
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-first-letter-postfix",
|
|
25
29
|
"type": "selector"
|
|
26
30
|
}
|
|
27
31
|
]
|
|
28
32
|
},
|
|
29
33
|
{
|
|
30
34
|
"name": "::selection",
|
|
31
|
-
"prose": "The ::selection pseudo-element represents the portion of a document that has been selected as the target or object of some possible future user-agent operation(s). It applies, for example, to selected text within an editable text field, which would be copied by a copy operation or replaced by a paste operation."
|
|
35
|
+
"prose": "The ::selection pseudo-element represents the portion of a document that has been selected as the target or object of some possible future user-agent operation(s). It applies, for example, to selected text within an editable text field, which would be copied by a copy operation or replaced by a paste operation.",
|
|
36
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-selection"
|
|
32
37
|
},
|
|
33
38
|
{
|
|
34
39
|
"name": "::target-text",
|
|
35
|
-
"prose": "The ::target-text pseudo-element represents text directly targeted by the document URL’s fragment, if any."
|
|
40
|
+
"prose": "The ::target-text pseudo-element represents text directly targeted by the document URL’s fragment, if any.",
|
|
41
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-target-text"
|
|
36
42
|
},
|
|
37
43
|
{
|
|
38
44
|
"name": "::spelling-error",
|
|
39
|
-
"prose": "The ::spelling-error pseudo-element represents a portion of text that has been flagged by the user agent as misspelled."
|
|
45
|
+
"prose": "The ::spelling-error pseudo-element represents a portion of text that has been flagged by the user agent as misspelled.",
|
|
46
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-spelling-error"
|
|
40
47
|
},
|
|
41
48
|
{
|
|
42
49
|
"name": "::grammar-error",
|
|
43
|
-
"prose": "The ::grammar-error pseudo-element represents a portion of text that has been flagged by the user agent as grammatically incorrect."
|
|
50
|
+
"prose": "The ::grammar-error pseudo-element represents a portion of text that has been flagged by the user agent as grammatically incorrect.",
|
|
51
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-grammar-error"
|
|
44
52
|
},
|
|
45
53
|
{
|
|
46
54
|
"name": "::before",
|
|
47
|
-
"prose": "Represents a styleable child pseudo-element immediately before the originating element’s actual content."
|
|
55
|
+
"prose": "Represents a styleable child pseudo-element immediately before the originating element’s actual content.",
|
|
56
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-before"
|
|
48
57
|
},
|
|
49
58
|
{
|
|
50
59
|
"name": "::after",
|
|
51
|
-
"prose": "Represents a styleable child pseudo-element immediately after the originating element’s actual content."
|
|
60
|
+
"prose": "Represents a styleable child pseudo-element immediately after the originating element’s actual content.",
|
|
61
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-after"
|
|
52
62
|
},
|
|
53
63
|
{
|
|
54
64
|
"name": "::marker",
|
|
55
|
-
"prose": "The ::marker pseudo-element represents the automatically generated marker box of a list item. (See [CSS-DISPLAY-3] and [CSS-LISTS-3].)"
|
|
65
|
+
"prose": "The ::marker pseudo-element represents the automatically generated marker box of a list item. (See [CSS-DISPLAY-3] and [CSS-LISTS-3].)",
|
|
66
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-marker"
|
|
56
67
|
},
|
|
57
68
|
{
|
|
58
69
|
"name": "::placeholder",
|
|
59
|
-
"prose": "The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text “YYYY/MM/DD” to clarify that numeric dates are to be entered in year-month-day order."
|
|
70
|
+
"prose": "The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text “YYYY/MM/DD” to clarify that numeric dates are to be entered in year-month-day order.",
|
|
71
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-placeholder"
|
|
60
72
|
},
|
|
61
73
|
{
|
|
62
74
|
"name": "::file-selector-button",
|
|
63
|
-
"prose": "The ::file-selector-button pseudo-element targets the <button> inside an <input> element with type=file, if the UA renders such a button."
|
|
75
|
+
"prose": "The ::file-selector-button pseudo-element targets the <button> inside an <input> element with type=file, if the UA renders such a button.",
|
|
76
|
+
"href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-file-selector-button"
|
|
64
77
|
}
|
|
65
78
|
],
|
|
66
79
|
"values": []
|
package/css-regions.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "flow-into",
|
|
9
|
+
"href": "https://drafts.csswg.org/css-regions-1/#propdef-flow-into",
|
|
9
10
|
"value": "none | <ident> [element | content]?",
|
|
10
11
|
"initial": "none",
|
|
11
12
|
"appliesTo": "All elements, but not pseudo-elements such as ::first-line, ::first-letter, ::before or ::after.",
|
|
@@ -21,6 +22,7 @@
|
|
|
21
22
|
},
|
|
22
23
|
{
|
|
23
24
|
"name": "flow-from",
|
|
25
|
+
"href": "https://drafts.csswg.org/css-regions-1/#propdef-flow-from",
|
|
24
26
|
"value": "<ident> | none",
|
|
25
27
|
"initial": "none",
|
|
26
28
|
"appliesTo": "Non-replaced block containers. This might be expanded in future versions of the specification to allow other types of containers to receive flow content.",
|
|
@@ -36,6 +38,7 @@
|
|
|
36
38
|
},
|
|
37
39
|
{
|
|
38
40
|
"name": "region-fragment",
|
|
41
|
+
"href": "https://drafts.csswg.org/css-regions-1/#propdef-region-fragment",
|
|
39
42
|
"value": "auto | break",
|
|
40
43
|
"initial": "auto",
|
|
41
44
|
"appliesTo": "CSS Regions",
|
package/css-rhythm.json
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "block-step-size",
|
|
9
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-size",
|
|
9
10
|
"value": "none | <length [0,∞]>",
|
|
10
11
|
"initial": "none",
|
|
11
12
|
"appliesTo": "block-level boxes",
|
|
@@ -21,6 +22,7 @@
|
|
|
21
22
|
},
|
|
22
23
|
{
|
|
23
24
|
"name": "block-step-insert",
|
|
25
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-insert",
|
|
24
26
|
"value": "margin | padding",
|
|
25
27
|
"initial": "margin",
|
|
26
28
|
"appliesTo": "block-level boxes",
|
|
@@ -33,12 +35,14 @@
|
|
|
33
35
|
{
|
|
34
36
|
"name": "margin",
|
|
35
37
|
"prose": "Any extra space resulting from a block-step-size-induced adjustment is inserted outside the box’s border, as extra margin.",
|
|
38
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-insert-margin",
|
|
36
39
|
"type": "value",
|
|
37
40
|
"value": "margin"
|
|
38
41
|
},
|
|
39
42
|
{
|
|
40
43
|
"name": "padding",
|
|
41
44
|
"prose": "Any extra space resulting from a block-step-size-induced adjustment is inserted inside the box’s border, as extra padding.",
|
|
45
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-insert-padding",
|
|
42
46
|
"type": "value",
|
|
43
47
|
"value": "padding"
|
|
44
48
|
}
|
|
@@ -50,6 +54,7 @@
|
|
|
50
54
|
},
|
|
51
55
|
{
|
|
52
56
|
"name": "block-step-align",
|
|
57
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-align",
|
|
53
58
|
"value": "auto | center | start | end",
|
|
54
59
|
"initial": "auto",
|
|
55
60
|
"appliesTo": "block-level boxes",
|
|
@@ -62,42 +67,49 @@
|
|
|
62
67
|
{
|
|
63
68
|
"name": "auto",
|
|
64
69
|
"prose": "If block-step-insert is margin: if align-self is start, end, or center, treat as that value, otherwise treat as center.",
|
|
70
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-auto",
|
|
65
71
|
"type": "value",
|
|
66
72
|
"value": "auto"
|
|
67
73
|
},
|
|
68
74
|
{
|
|
69
75
|
"name": "center",
|
|
70
76
|
"prose": "Any extra space resulting from a block-step-size-induced adjustment is split, and applied half on either side of the box.",
|
|
77
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-center",
|
|
71
78
|
"type": "value",
|
|
72
79
|
"value": "center"
|
|
73
80
|
},
|
|
74
81
|
{
|
|
75
82
|
"name": "start",
|
|
76
83
|
"prose": "Any extra space resulting from a block-step-size-induced adjustment is inserted on the end side of the box.",
|
|
84
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-start",
|
|
77
85
|
"type": "value",
|
|
78
86
|
"value": "start"
|
|
79
87
|
},
|
|
80
88
|
{
|
|
81
89
|
"name": "end",
|
|
82
90
|
"prose": "Any extra space resulting from a block-step-size-induced adjustment is inserted on the start side of the box.",
|
|
91
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-end",
|
|
83
92
|
"type": "value",
|
|
84
93
|
"value": "end"
|
|
85
94
|
},
|
|
86
95
|
{
|
|
87
96
|
"name": "up",
|
|
88
97
|
"prose": "The outer size of the box is increased (positive space is inserted) to fulfill the block-step-size constraint.",
|
|
98
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-up",
|
|
89
99
|
"type": "value",
|
|
90
100
|
"value": "up"
|
|
91
101
|
},
|
|
92
102
|
{
|
|
93
103
|
"name": "down",
|
|
94
104
|
"prose": "The outer size of the box is decreased (negative space is inserted) to fulfill the block-step-size constraint.",
|
|
105
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-down",
|
|
95
106
|
"type": "value",
|
|
96
107
|
"value": "down"
|
|
97
108
|
},
|
|
98
109
|
{
|
|
99
110
|
"name": "nearest",
|
|
100
111
|
"prose": "The outer size of the box is either increased (as for up) or decreased (as for down—whichever results in the smallest absolute change—to fulfill the block-step-size constraint. If both options would result in the same amount of change, the size is increased.",
|
|
112
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-align-nearest",
|
|
101
113
|
"type": "value",
|
|
102
114
|
"value": "nearest"
|
|
103
115
|
}
|
|
@@ -109,6 +121,7 @@
|
|
|
109
121
|
},
|
|
110
122
|
{
|
|
111
123
|
"name": "block-step-round",
|
|
124
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-round",
|
|
112
125
|
"value": "up | down | nearest",
|
|
113
126
|
"initial": "up",
|
|
114
127
|
"appliesTo": "block-level boxes",
|
|
@@ -124,6 +137,7 @@
|
|
|
124
137
|
},
|
|
125
138
|
{
|
|
126
139
|
"name": "block-step",
|
|
140
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step",
|
|
127
141
|
"value": "<'block-step-size'> || <'block-step-insert'> || <'block-step-align'> || <'block-step-round'>",
|
|
128
142
|
"initial": "see individual properties",
|
|
129
143
|
"appliesTo": "block-level boxes",
|
|
@@ -139,6 +153,7 @@
|
|
|
139
153
|
},
|
|
140
154
|
{
|
|
141
155
|
"name": "line-height-step",
|
|
156
|
+
"href": "https://drafts.csswg.org/css-rhythm-1/#propdef-line-height-step",
|
|
142
157
|
"value": "<length [0,∞]>",
|
|
143
158
|
"initial": "0px",
|
|
144
159
|
"appliesTo": "block containers",
|