@webref/css 6.23.0 → 7.0.1-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-align.json DELETED
@@ -1,559 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Box Alignment Module Level 3",
4
- "url": "https://drafts.csswg.org/css-align-3/"
5
- },
6
- "properties": [
7
- {
8
- "name": "align-content",
9
- "href": "https://drafts.csswg.org/css-align-3/#propdef-align-content",
10
- "value": "normal | <baseline-position> | <content-distribution> | <overflow-position>? <content-position>",
11
- "initial": "normal",
12
- "appliesTo": "block containers, multicol containers, flex containers, and grid containers",
13
- "inherited": "no",
14
- "percentages": "n/a",
15
- "computedValue": "specified keyword(s)",
16
- "canonicalOrder": "per grammar",
17
- "animationType": "discrete",
18
- "values": [
19
- {
20
- "name": "normal",
21
- "prose": "Aligns the contents of the box as a whole (as the alignment subject) within the box itself (as the alignment container): along the inline/row/main axis of the box (for justify-content) or the block/column/cross axis of the box (for align-content). Values other than normal are defined in § 4 Alignment Keywords, above.",
22
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-normal",
23
- "type": "value",
24
- "value": "normal"
25
- }
26
- ],
27
- "styleDeclaration": [
28
- "align-content",
29
- "alignContent"
30
- ]
31
- },
32
- {
33
- "name": "justify-content",
34
- "href": "https://drafts.csswg.org/css-align-3/#propdef-justify-content",
35
- "value": "normal | <content-distribution> | <overflow-position>? [ <content-position> | left | right ]",
36
- "initial": "normal",
37
- "appliesTo": "multicol containers, flex containers, and grid containers",
38
- "inherited": "no",
39
- "percentages": "n/a",
40
- "computedValue": "specified keyword(s)",
41
- "canonicalOrder": "per grammar",
42
- "animationType": "discrete",
43
- "values": [
44
- {
45
- "name": "left",
46
- "prose": "Aligns the alignment subject to be flush with the alignment container’s line-left or physical left edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
47
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-left",
48
- "type": "value",
49
- "value": "left"
50
- },
51
- {
52
- "name": "right",
53
- "prose": "Aligns the alignment subject to be flush with the alignment container’s line-right or physical right edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
54
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-right",
55
- "type": "value",
56
- "value": "right"
57
- },
58
- {
59
- "name": "normal",
60
- "prose": "Aligns the contents of the box as a whole (as the alignment subject) within the box itself (as the alignment container): along the inline/row/main axis of the box (for justify-content) or the block/column/cross axis of the box (for align-content). Values other than normal are defined in § 4 Alignment Keywords, above.",
61
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-normal",
62
- "type": "value",
63
- "value": "normal"
64
- }
65
- ],
66
- "styleDeclaration": [
67
- "justify-content",
68
- "justifyContent"
69
- ]
70
- },
71
- {
72
- "name": "place-content",
73
- "href": "https://drafts.csswg.org/css-align-3/#propdef-place-content",
74
- "value": "<'align-content'> <'justify-content'>?",
75
- "initial": "normal",
76
- "appliesTo": "block containers, flex containers, and grid containers",
77
- "inherited": "no",
78
- "percentages": "n/a",
79
- "computedValue": "see individual properties",
80
- "canonicalOrder": "per grammar",
81
- "animationType": "discrete",
82
- "styleDeclaration": [
83
- "place-content",
84
- "placeContent"
85
- ]
86
- },
87
- {
88
- "name": "justify-self",
89
- "href": "https://drafts.csswg.org/css-align-3/#propdef-justify-self",
90
- "value": "auto | normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ]",
91
- "initial": "auto",
92
- "appliesTo": "block-level boxes, absolutely-positioned boxes, and grid items",
93
- "inherited": "no",
94
- "percentages": "n/a",
95
- "computedValue": "specified keyword(s)",
96
- "canonicalOrder": "per grammar",
97
- "animationType": "discrete",
98
- "values": [
99
- {
100
- "name": "left",
101
- "prose": "Aligns the alignment subject to be flush with the alignment container’s line-left or physical left edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
102
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-left",
103
- "type": "value",
104
- "value": "left"
105
- },
106
- {
107
- "name": "right",
108
- "prose": "Aligns the alignment subject to be flush with the alignment container’s line-right or physical right edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
109
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-right",
110
- "type": "value",
111
- "value": "right"
112
- },
113
- {
114
- "name": "auto",
115
- "prose": "Behaves as normal if the box has no parent, or when determining the actual position of an absolutely positioned box. It behaves as the computed justify-items value of the parent box (minus any legacy keywords) otherwise (including when determining the static position of an absolutely positioned box).",
116
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-auto",
117
- "type": "value",
118
- "value": "auto"
119
- },
120
- {
121
- "name": "normal",
122
- "prose": "Represents the “default” alignment for the layout mode. Its behavior depends on the layout mode, as described below.",
123
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-normal",
124
- "type": "value",
125
- "value": "normal"
126
- },
127
- {
128
- "name": "stretch",
129
- "prose": "When the box’s computed width/height (as appropriate to the axis) is auto and neither of its margins (in the appropriate axis) are auto, sets the box’s used size to the length necessary to make its outer size as close to filling the alignment container as possible while still respecting the constraints imposed by min-height/min-width/max-height/max-width. Unless otherwise specified, this value falls back to flex-start generally, and to self-start or self-end if the box has also specified first baseline or last baseline baseline content-alignment (respectively) in the same axis.",
130
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-stretch",
131
- "type": "value",
132
- "value": "stretch"
133
- }
134
- ],
135
- "styleDeclaration": [
136
- "justify-self",
137
- "justifySelf"
138
- ]
139
- },
140
- {
141
- "name": "align-self",
142
- "href": "https://drafts.csswg.org/css-align-3/#propdef-align-self",
143
- "value": "auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>",
144
- "initial": "auto",
145
- "appliesTo": "flex items, grid items, and absolutely-positioned boxes",
146
- "inherited": "no",
147
- "percentages": "n/a",
148
- "computedValue": "specified keyword(s)",
149
- "canonicalOrder": "per grammar",
150
- "animationType": "discrete",
151
- "values": [
152
- {
153
- "name": "auto",
154
- "prose": "Behaves as normal if the box has no parent, or when determining the actual position of an absolutely positioned box. It behaves as the computed align-items value of the parent box (minus any legacy keywords) otherwise (including when determining the static position of an absolutely positioned box).",
155
- "href": "https://drafts.csswg.org/css-align-3/#valdef-align-self-auto",
156
- "type": "value",
157
- "value": "auto"
158
- },
159
- {
160
- "name": "normal",
161
- "prose": "Represents the “default” alignment for the layout mode, as defined below.",
162
- "href": "https://drafts.csswg.org/css-align-3/#valdef-align-self-normal",
163
- "type": "value",
164
- "value": "normal"
165
- },
166
- {
167
- "name": "stretch",
168
- "prose": "As defined for justify-self in § 6.1 Inline-Axis (or Main-Axis) Self-Alignment: the justify-self property.",
169
- "href": "https://drafts.csswg.org/css-align-3/#valdef-align-self-stretch",
170
- "type": "value",
171
- "value": "stretch"
172
- }
173
- ],
174
- "styleDeclaration": [
175
- "align-self",
176
- "alignSelf"
177
- ]
178
- },
179
- {
180
- "name": "place-self",
181
- "href": "https://drafts.csswg.org/css-align-3/#propdef-place-self",
182
- "value": "<'align-self'> <'justify-self'>?",
183
- "initial": "auto",
184
- "appliesTo": "block-level boxes, absolutely-positioned boxes, and grid items",
185
- "inherited": "no",
186
- "percentages": "n/a",
187
- "computedValue": "see individual properties",
188
- "canonicalOrder": "per grammar",
189
- "animationType": "discrete",
190
- "styleDeclaration": [
191
- "place-self",
192
- "placeSelf"
193
- ]
194
- },
195
- {
196
- "name": "justify-items",
197
- "href": "https://drafts.csswg.org/css-align-3/#propdef-justify-items",
198
- "value": "normal | stretch | <baseline-position> | <overflow-position>? [ <self-position> | left | right ] | legacy | legacy && [ left | right | center ]",
199
- "initial": "legacy",
200
- "appliesTo": "all elements",
201
- "inherited": "no",
202
- "percentages": "n/a",
203
- "computedValue": "specified keyword(s), except for legacy (see prose)",
204
- "canonicalOrder": "per grammar",
205
- "animationType": "discrete",
206
- "values": [
207
- {
208
- "name": "left",
209
- "prose": "Aligns the alignment subject to be flush with the alignment container’s line-left or physical left edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
210
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-left",
211
- "type": "value",
212
- "value": "left"
213
- },
214
- {
215
- "name": "right",
216
- "prose": "Aligns the alignment subject to be flush with the alignment container’s line-right or physical right edge, whichever is in the appropriate axis. If the property’s axis is not parallel with either left↔right axis, this value behaves as start. Currently, the only case where the property’s axis is not parallel with either left↔right axis is in a column flexbox.",
217
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-content-right",
218
- "type": "value",
219
- "value": "right"
220
- },
221
- {
222
- "name": "legacy",
223
- "prose": "This keyword causes the value to effectively inherit into descendants. If the legacy keyword appears on its own (without an accompanying left, right, or center keyword): if the inherited value of justify-items includes the legacy keyword, this value computes to the inherited value; otherwise it computes to normal. When justify-self:auto references the value of justify-items, only the alignment keyword, not the legacy keyword, is referenced by it. It exists to implement the legacy alignment behavior of HTML’s <center> element and align attribute.",
224
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-items-legacy",
225
- "type": "value",
226
- "value": "legacy"
227
- }
228
- ],
229
- "styleDeclaration": [
230
- "justify-items",
231
- "justifyItems"
232
- ]
233
- },
234
- {
235
- "name": "align-items",
236
- "href": "https://drafts.csswg.org/css-align-3/#propdef-align-items",
237
- "value": "normal | stretch | <baseline-position> | [ <overflow-position>? <self-position> ]",
238
- "initial": "normal",
239
- "appliesTo": "all elements",
240
- "inherited": "no",
241
- "percentages": "n/a",
242
- "computedValue": "specified keyword(s)",
243
- "canonicalOrder": "per grammar",
244
- "animationType": "discrete",
245
- "styleDeclaration": [
246
- "align-items",
247
- "alignItems"
248
- ]
249
- },
250
- {
251
- "name": "place-items",
252
- "href": "https://drafts.csswg.org/css-align-3/#propdef-place-items",
253
- "value": "<'align-items'> <'justify-items'>?",
254
- "initial": "see individual properties",
255
- "appliesTo": "all elements",
256
- "inherited": "no",
257
- "percentages": "n/a",
258
- "computedValue": "see individual properties",
259
- "canonicalOrder": "per grammar",
260
- "animationType": "discrete",
261
- "styleDeclaration": [
262
- "place-items",
263
- "placeItems"
264
- ]
265
- },
266
- {
267
- "name": "row-gap",
268
- "href": "https://drafts.csswg.org/css-align-3/#propdef-row-gap",
269
- "value": "normal | <length-percentage [0,∞]>",
270
- "initial": "normal",
271
- "appliesTo": "multi-column containers, flex containers, grid containers",
272
- "inherited": "no",
273
- "percentages": "see § 8.3 Percentages In gap Properties",
274
- "computedValue": "specified keyword, else a computed <length-percentage> value",
275
- "canonicalOrder": "per grammar",
276
- "animationType": "by computed value type",
277
- "values": [
278
- {
279
- "name": "normal",
280
- "prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
281
- "href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
282
- "type": "value",
283
- "value": "normal"
284
- }
285
- ],
286
- "styleDeclaration": [
287
- "row-gap",
288
- "rowGap"
289
- ]
290
- },
291
- {
292
- "name": "column-gap",
293
- "href": "https://drafts.csswg.org/css-align-3/#propdef-column-gap",
294
- "value": "normal | <length-percentage [0,∞]>",
295
- "initial": "normal",
296
- "appliesTo": "multi-column containers, flex containers, grid containers",
297
- "inherited": "no",
298
- "percentages": "see § 8.3 Percentages In gap Properties",
299
- "computedValue": "specified keyword, else a computed <length-percentage> value",
300
- "canonicalOrder": "per grammar",
301
- "animationType": "by computed value type",
302
- "values": [
303
- {
304
- "name": "normal",
305
- "prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
306
- "href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
307
- "type": "value",
308
- "value": "normal"
309
- }
310
- ],
311
- "styleDeclaration": [
312
- "column-gap",
313
- "columnGap"
314
- ]
315
- },
316
- {
317
- "name": "gap",
318
- "href": "https://drafts.csswg.org/css-align-3/#propdef-gap",
319
- "value": "<'row-gap'> <'column-gap'>?",
320
- "initial": "see individual properties",
321
- "appliesTo": "multi-column containers, flex containers, grid containers",
322
- "inherited": "no",
323
- "percentages": "refer to corresponding dimension of the content area",
324
- "computedValue": "see individual properties",
325
- "canonicalOrder": "per grammar",
326
- "animationType": "by computed value type",
327
- "values": [
328
- {
329
- "name": "normal",
330
- "prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
331
- "href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
332
- "type": "value",
333
- "value": "normal"
334
- }
335
- ],
336
- "styleDeclaration": [
337
- "gap"
338
- ]
339
- },
340
- {
341
- "name": "grid-row-gap",
342
- "href": "https://drafts.csswg.org/css-align-3/#propdef-grid-row-gap",
343
- "legacyAliasOf": "row-gap",
344
- "styleDeclaration": [
345
- "grid-row-gap",
346
- "gridRowGap"
347
- ]
348
- },
349
- {
350
- "name": "grid-column-gap",
351
- "href": "https://drafts.csswg.org/css-align-3/#propdef-grid-column-gap",
352
- "legacyAliasOf": "column-gap",
353
- "styleDeclaration": [
354
- "grid-column-gap",
355
- "gridColumnGap"
356
- ]
357
- },
358
- {
359
- "name": "grid-gap",
360
- "href": "https://drafts.csswg.org/css-align-3/#propdef-grid-gap",
361
- "legacyAliasOf": "gap",
362
- "styleDeclaration": [
363
- "grid-gap",
364
- "gridGap"
365
- ]
366
- }
367
- ],
368
- "atrules": [],
369
- "selectors": [],
370
- "values": [
371
- {
372
- "name": "<self-position>",
373
- "href": "https://drafts.csswg.org/css-align-3/#typedef-self-position",
374
- "type": "type",
375
- "value": "center | start | end | self-start | self-end | flex-start | flex-end",
376
- "values": [
377
- {
378
- "name": "center",
379
- "prose": "Centers the alignment subject within its alignment container.",
380
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-center",
381
- "type": "value",
382
- "value": "center"
383
- },
384
- {
385
- "name": "start",
386
- "prose": "Aligns the alignment subject to be flush with the alignment container’s start edge in the appropriate axis.",
387
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-start",
388
- "type": "value",
389
- "value": "start"
390
- },
391
- {
392
- "name": "end",
393
- "prose": "Aligns the alignment subject to be flush with the alignment container’s end edge in the appropriate axis.",
394
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-end",
395
- "type": "value",
396
- "value": "end"
397
- },
398
- {
399
- "name": "self-start",
400
- "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the alignment subject’s start side in the appropriate axis.",
401
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-self-start",
402
- "type": "value",
403
- "value": "self-start"
404
- },
405
- {
406
- "name": "self-end",
407
- "prose": "Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the alignment subject’s end side in the appropriate axis.",
408
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-self-end",
409
- "type": "value",
410
- "value": "self-end"
411
- },
412
- {
413
- "name": "flex-start",
414
- "prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
415
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-start",
416
- "type": "value",
417
- "value": "flex-start"
418
- },
419
- {
420
- "name": "flex-end",
421
- "prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
422
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-end",
423
- "type": "value",
424
- "value": "flex-end"
425
- }
426
- ]
427
- },
428
- {
429
- "name": "<content-position>",
430
- "href": "https://drafts.csswg.org/css-align-3/#typedef-content-position",
431
- "type": "type",
432
- "value": "center | start | end | flex-start | flex-end",
433
- "values": [
434
- {
435
- "name": "center",
436
- "prose": "Centers the alignment subject within its alignment container.",
437
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-center",
438
- "type": "value",
439
- "value": "center"
440
- },
441
- {
442
- "name": "start",
443
- "prose": "Aligns the alignment subject to be flush with the alignment container’s start edge in the appropriate axis.",
444
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-start",
445
- "type": "value",
446
- "value": "start"
447
- },
448
- {
449
- "name": "end",
450
- "prose": "Aligns the alignment subject to be flush with the alignment container’s end edge in the appropriate axis.",
451
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-end",
452
- "type": "value",
453
- "value": "end"
454
- },
455
- {
456
- "name": "flex-start",
457
- "prose": "Only used in flex layout. [CSS-FLEXBOX-1] Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-start or cross-start side, as appropriate. When used outside of a flex formatting context, this value behaves as start. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as start when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as start when used in the content-distribution properties.",
458
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-start",
459
- "type": "value",
460
- "value": "flex-start"
461
- },
462
- {
463
- "name": "flex-end",
464
- "prose": "Only used in flex layout. Aligns the alignment subject to be flush with the edge of the alignment container corresponding to the flex container’s main-end or cross-end side, as appropriate. When used outside of a flex formatting context, this value behaves as end. That is, on boxes that are not flex items (or pretending to be flex items, such as when determining the static position of an absolutely-positioned box that is a child of a flex container), this value behaves as end when used in the self-alignment properties, and on boxes that are not flex containers, this value behaves as end when used in the content-distribution properties.",
465
- "href": "https://drafts.csswg.org/css-align-3/#valdef-self-position-flex-end",
466
- "type": "value",
467
- "value": "flex-end"
468
- }
469
- ]
470
- },
471
- {
472
- "name": "<baseline-position>",
473
- "href": "https://drafts.csswg.org/css-align-3/#typedef-baseline-position",
474
- "type": "type",
475
- "value": "[ first | last ]? && baseline",
476
- "values": [
477
- {
478
- "name": "baseline",
479
- "prose": "Computes to first baseline, defined below.",
480
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-baseline",
481
- "type": "value",
482
- "value": "baseline"
483
- },
484
- {
485
- "name": "first baseline",
486
- "prose": "Specifies participation in first-baseline alignment: aligns the alignment baseline of the box’s first baseline set with the corresponding baseline of its baseline-sharing group. See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for first baseline is safe self-start (for self-alignment) or safe start (for content-distribution).",
487
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-first-baseline",
488
- "type": "value",
489
- "value": "first baseline"
490
- },
491
- {
492
- "name": "last baseline",
493
- "prose": "Specifies participation in last-baseline alignment: aligns the alignment baseline of the box’s last baseline set with the corresponding baseline of its baseline-sharing group.̣ See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for last baseline is safe self-end (for self-alignment) or safe end (for content-distribution).",
494
- "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-last-baseline",
495
- "type": "value",
496
- "value": "last baseline"
497
- }
498
- ]
499
- },
500
- {
501
- "name": "<content-distribution>",
502
- "href": "https://drafts.csswg.org/css-align-3/#typedef-content-distribution",
503
- "type": "type",
504
- "value": "space-between | space-around | space-evenly | stretch",
505
- "values": [
506
- {
507
- "name": "space-between",
508
- "prose": "The alignment subjects are evenly distributed in the alignment container. The first alignment subject is placed flush with the start edge of the alignment container, the last alignment subject is placed flush with the end edge of the alignment container, and the remaining alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same. The default fallback alignment for this value is safe flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
509
- "href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-between",
510
- "type": "value",
511
- "value": "space-between"
512
- },
513
- {
514
- "name": "space-around",
515
- "prose": "The alignment subjects are evenly distributed in the alignment container, with a half-size space on either end. The alignment subjects are distributed so that the spacing between any two adjacent alignment subjects is the same, and the spacing before the first and after the last alignment subject is half the size of the other spacing. The default fallback alignment for this value is safe center.",
516
- "href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-around",
517
- "type": "value",
518
- "value": "space-around"
519
- },
520
- {
521
- "name": "space-evenly",
522
- "prose": "The alignment subjects are evenly distributed in the alignment container, with a full-size space on either end. The alignment subjects are distributed so that the spacing between any two adjacent alignment subjects, before the first alignment subject, and after the last alignment subject is the same. The default fallback alignment for this value is safe center.",
523
- "href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-space-evenly",
524
- "type": "value",
525
- "value": "space-evenly"
526
- },
527
- {
528
- "name": "stretch",
529
- "prose": "If the combined size of the alignment subjects is less than the size of the alignment container, any auto-sized alignment subjects have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container. The default fallback alignment for this value is flex-start. (For layout modes other than flex layout, flex-start is identical to start.)",
530
- "href": "https://drafts.csswg.org/css-align-3/#valdef-align-content-stretch",
531
- "type": "value",
532
- "value": "stretch"
533
- }
534
- ]
535
- },
536
- {
537
- "name": "<overflow-position>",
538
- "href": "https://drafts.csswg.org/css-align-3/#typedef-overflow-position",
539
- "type": "type",
540
- "value": "unsafe | safe",
541
- "values": [
542
- {
543
- "name": "safe",
544
- "prose": "If the size of the alignment subject overflows the alignment container, the alignment subject is instead aligned as if the alignment mode were start.",
545
- "href": "https://drafts.csswg.org/css-align-3/#valdef-overflow-position-safe",
546
- "type": "value",
547
- "value": "safe"
548
- },
549
- {
550
- "name": "unsafe",
551
- "prose": "Regardless of the relative sizes of the alignment subject and alignment container, the given alignment value is honored.",
552
- "href": "https://drafts.csswg.org/css-align-3/#valdef-overflow-position-unsafe",
553
- "type": "value",
554
- "value": "unsafe"
555
- }
556
- ]
557
- }
558
- ]
559
- }