@webref/css 6.23.0 → 7.0.0-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +37 -22
  3. package/css.json +17754 -0
  4. package/index.js +2 -9
  5. package/package.json +1 -1
  6. package/CSS.json +0 -567
  7. package/SVG.json +0 -387
  8. package/compat.json +0 -784
  9. package/compositing.json +0 -178
  10. package/css-align.json +0 -559
  11. package/css-anchor-position.json +0 -1042
  12. package/css-animations-2.json +0 -377
  13. package/css-animations.json +0 -337
  14. package/css-backgrounds-4.json +0 -402
  15. package/css-backgrounds.json +0 -732
  16. package/css-borders.json +0 -1642
  17. package/css-box.json +0 -484
  18. package/css-break.json +0 -444
  19. package/css-cascade-6.json +0 -31
  20. package/css-cascade.json +0 -91
  21. package/css-color-5.json +0 -527
  22. package/css-color-6.json +0 -60
  23. package/css-color-adjust.json +0 -151
  24. package/css-color-hdr.json +0 -183
  25. package/css-color.json +0 -1759
  26. package/css-conditional-4.json +0 -23
  27. package/css-conditional-5.json +0 -505
  28. package/css-conditional.json +0 -50
  29. package/css-contain.json +0 -123
  30. package/css-content.json +0 -466
  31. package/css-counter-styles.json +0 -613
  32. package/css-display.json +0 -444
  33. package/css-easing.json +0 -149
  34. package/css-env.json +0 -109
  35. package/css-exclusions.json +0 -108
  36. package/css-extensions.json +0 -36
  37. package/css-flexbox.json +0 -259
  38. package/css-fonts-5.json +0 -385
  39. package/css-fonts.json +0 -1754
  40. package/css-forms.json +0 -281
  41. package/css-gaps.json +0 -544
  42. package/css-gcpm-4.json +0 -58
  43. package/css-gcpm.json +0 -138
  44. package/css-grid-3.json +0 -335
  45. package/css-grid.json +0 -824
  46. package/css-images-4.json +0 -367
  47. package/css-images-5.json +0 -43
  48. package/css-images.json +0 -373
  49. package/css-inline.json +0 -903
  50. package/css-layout-api.json +0 -21
  51. package/css-line-grid.json +0 -142
  52. package/css-link-params.json +0 -34
  53. package/css-lists.json +0 -337
  54. package/css-logical.json +0 -396
  55. package/css-masking.json +0 -717
  56. package/css-mixins.json +0 -58
  57. package/css-multicol.json +0 -253
  58. package/css-namespaces.json +0 -25
  59. package/css-nav.json +0 -121
  60. package/css-nesting.json +0 -17
  61. package/css-overflow-4.json +0 -428
  62. package/css-overflow-5.json +0 -226
  63. package/css-overflow.json +0 -379
  64. package/css-overscroll.json +0 -215
  65. package/css-page-floats.json +0 -296
  66. package/css-page.json +0 -382
  67. package/css-paint-api.json +0 -17
  68. package/css-position-4.json +0 -49
  69. package/css-position.json +0 -495
  70. package/css-properties-values-api.json +0 -39
  71. package/css-pseudo.json +0 -98
  72. package/css-regions.json +0 -59
  73. package/css-rhythm.json +0 -181
  74. package/css-round-display.json +0 -85
  75. package/css-ruby.json +0 -221
  76. package/css-scoping.json +0 -38
  77. package/css-scroll-anchoring.json +0 -43
  78. package/css-scroll-snap-2.json +0 -74
  79. package/css-scroll-snap.json +0 -643
  80. package/css-scrollbars.json +0 -82
  81. package/css-shadow-parts.json +0 -17
  82. package/css-shapes-2.json +0 -89
  83. package/css-shapes.json +0 -384
  84. package/css-size-adjust.json +0 -50
  85. package/css-sizing-4.json +0 -601
  86. package/css-sizing.json +0 -427
  87. package/css-speech.json +0 -985
  88. package/css-syntax.json +0 -263
  89. package/css-tables.json +0 -91
  90. package/css-text-4.json +0 -1516
  91. package/css-text-decor-4.json +0 -741
  92. package/css-text-decor.json +0 -337
  93. package/css-text.json +0 -670
  94. package/css-transforms-2.json +0 -329
  95. package/css-transforms.json +0 -213
  96. package/css-transitions-2.json +0 -47
  97. package/css-transitions.json +0 -119
  98. package/css-ui.json +0 -818
  99. package/css-values-5.json +0 -854
  100. package/css-values.json +0 -790
  101. package/css-variables.json +0 -29
  102. package/css-view-transitions-2.json +0 -152
  103. package/css-view-transitions.json +0 -77
  104. package/css-viewport.json +0 -43
  105. package/css-will-change.json +0 -64
  106. package/css-writing-modes.json +0 -256
  107. package/fill-stroke.json +0 -755
  108. package/filter-effects-2.json +0 -28
  109. package/filter-effects.json +0 -220
  110. package/html.json +0 -29
  111. package/mathml-core.json +0 -69
  112. package/mediaqueries-5.json +0 -915
  113. package/mediaqueries.json +0 -549
  114. package/motion.json +0 -303
  115. package/pointer-animations.json +0 -282
  116. package/scroll-animations.json +0 -519
  117. package/selectors-5.json +0 -22
  118. package/selectors.json +0 -604
  119. package/svg-strokes.json +0 -59
  120. package/upgrade-insecure-requests.json +0 -28
  121. package/webvtt.json +0 -33
  122. package/webxr-dom-overlays.json +0 -17
@@ -1,1042 +0,0 @@
1
- {
2
- "spec": {
3
- "title": "CSS Anchor Positioning",
4
- "url": "https://drafts.csswg.org/css-anchor-position-1/"
5
- },
6
- "properties": [
7
- {
8
- "name": "anchor-name",
9
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-anchor-name",
10
- "value": "none | <dashed-ident>#",
11
- "initial": "none",
12
- "appliesTo": "all elements that generate a principal box",
13
- "inherited": "no",
14
- "percentages": "n/a",
15
- "computedValue": "as specified",
16
- "canonicalOrder": "per grammar",
17
- "animationType": "discrete",
18
- "values": [
19
- {
20
- "name": "none",
21
- "prose": "The property has no effect.",
22
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-name-none",
23
- "type": "value",
24
- "value": "none"
25
- },
26
- {
27
- "name": "<dashed-ident>#",
28
- "prose": "If the element generates a principal box, the element is an anchor element, with a list of anchor names as specified. Each anchor name is a tree-scoped name. Otherwise, the property has no effect.",
29
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-name-dashed-ident",
30
- "type": "value",
31
- "value": "<dashed-ident>#"
32
- }
33
- ],
34
- "styleDeclaration": [
35
- "anchor-name",
36
- "anchorName"
37
- ]
38
- },
39
- {
40
- "name": "anchor-scope",
41
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-anchor-scope",
42
- "value": "none | all | <dashed-ident>#",
43
- "initial": "none",
44
- "appliesTo": "all elements",
45
- "inherited": "no",
46
- "percentages": "n/a",
47
- "computedValue": "as specified",
48
- "canonicalOrder": "per grammar",
49
- "animationType": "discrete",
50
- "values": [
51
- {
52
- "name": "none",
53
- "prose": "No changes in anchor name scope.",
54
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-scope-none",
55
- "type": "value",
56
- "value": "none"
57
- },
58
- {
59
- "name": "all",
60
- "prose": "Specifies that all anchor names defined by this element or its descendants—​whose scope is not already limited by a descendant using anchor-scope—​to be in scope only for this element’s descendants; and limits descendants to only match anchor names to anchor elements within this subtree. This value only affects anchor names in the same tree scope, as if it were a tree-scoped name. (That is, anchor-scope: all acts identically to anchor-scope: --foo, --bar, ..., listing all relevant anchor names.)",
61
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-scope-all",
62
- "type": "value",
63
- "value": "all"
64
- },
65
- {
66
- "name": "<dashed-ident>",
67
- "prose": "Specifies that a matching anchor name defined by this element or its descendants—​whose scope is not already limited by a descendant using anchor-scope—​to be in scope only for this element’s descendants; and limits descendants to only match these anchor names to anchor elements within this subtree. The <dashed-ident> is a tree-scoped name.",
68
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-scope-dashed-ident",
69
- "type": "value",
70
- "value": "<dashed-ident>"
71
- }
72
- ],
73
- "styleDeclaration": [
74
- "anchor-scope",
75
- "anchorScope"
76
- ]
77
- },
78
- {
79
- "name": "position-anchor",
80
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-anchor",
81
- "value": "auto | <anchor-name>",
82
- "initial": "auto",
83
- "appliesTo": "absolutely positioned boxes",
84
- "inherited": "no",
85
- "percentages": "n/a",
86
- "computedValue": "as specified",
87
- "canonicalOrder": "per grammar",
88
- "animationType": "discrete",
89
- "values": [
90
- {
91
- "name": "auto",
92
- "prose": "Use the implicit anchor element if it exists; otherwise the box has no default anchor element.",
93
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-anchor-auto",
94
- "type": "value",
95
- "value": "auto"
96
- },
97
- {
98
- "name": "<anchor-name>",
99
- "prose": "The target anchor element selected by the specified <anchor-name> is the box’s default anchor element.",
100
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-anchor-anchor-name",
101
- "type": "value",
102
- "value": "<anchor-name>"
103
- }
104
- ],
105
- "styleDeclaration": [
106
- "position-anchor",
107
- "positionAnchor"
108
- ]
109
- },
110
- {
111
- "name": "position-area",
112
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-area",
113
- "value": "none | <position-area>",
114
- "initial": "none",
115
- "appliesTo": "positioned boxes with a default anchor box",
116
- "inherited": "no",
117
- "percentages": "n/a",
118
- "computedValue": "the keyword none or a pair of keywords, see § 3.1.3 Computed Value and Serialization of <position-area>",
119
- "canonicalOrder": "per grammar",
120
- "animationType": "TBD",
121
- "values": [
122
- {
123
- "name": "none",
124
- "prose": "The property has no effect.",
125
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-none",
126
- "type": "value",
127
- "value": "none"
128
- },
129
- {
130
- "name": "<position-area>",
131
- "prose": "If the box does not have a default anchor box, or is not an absolutely positioned box, this value has no effect. Otherwise, selects a region of the position-area grid, and makes that the box’s containing block.",
132
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-position-area",
133
- "type": "value",
134
- "value": "<position-area>"
135
- }
136
- ],
137
- "styleDeclaration": [
138
- "position-area",
139
- "positionArea"
140
- ]
141
- },
142
- {
143
- "name": "justify-self",
144
- "newValues": "anchor-center",
145
- "values": [
146
- {
147
- "name": "anchor-center",
148
- "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
149
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
150
- "type": "value",
151
- "value": "anchor-center"
152
- }
153
- ],
154
- "styleDeclaration": [
155
- "justify-self",
156
- "justifySelf"
157
- ]
158
- },
159
- {
160
- "name": "align-self",
161
- "newValues": "anchor-center",
162
- "values": [
163
- {
164
- "name": "anchor-center",
165
- "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
166
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
167
- "type": "value",
168
- "value": "anchor-center"
169
- }
170
- ],
171
- "styleDeclaration": [
172
- "align-self",
173
- "alignSelf"
174
- ]
175
- },
176
- {
177
- "name": "justify-items",
178
- "newValues": "anchor-center",
179
- "values": [
180
- {
181
- "name": "anchor-center",
182
- "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
183
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
184
- "type": "value",
185
- "value": "anchor-center"
186
- }
187
- ],
188
- "styleDeclaration": [
189
- "justify-items",
190
- "justifyItems"
191
- ]
192
- },
193
- {
194
- "name": "align-items",
195
- "newValues": "anchor-center",
196
- "values": [
197
- {
198
- "name": "anchor-center",
199
- "prose": "The new anchor-center value makes this case extremely simple: if the positioned box has a default anchor box, then it is centered (insofar as possible) over the default anchor box in the relevant axis.",
200
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
201
- "type": "value",
202
- "value": "anchor-center"
203
- }
204
- ],
205
- "styleDeclaration": [
206
- "align-items",
207
- "alignItems"
208
- ]
209
- },
210
- {
211
- "name": "top",
212
- "newValues": "<anchor()> | <anchor-size()>",
213
- "styleDeclaration": [
214
- "top"
215
- ]
216
- },
217
- {
218
- "name": "left",
219
- "newValues": "<anchor()> | <anchor-size()>",
220
- "styleDeclaration": [
221
- "left"
222
- ]
223
- },
224
- {
225
- "name": "right",
226
- "newValues": "<anchor()> | <anchor-size()>",
227
- "styleDeclaration": [
228
- "right"
229
- ]
230
- },
231
- {
232
- "name": "bottom",
233
- "newValues": "<anchor()> | <anchor-size()>",
234
- "styleDeclaration": [
235
- "bottom"
236
- ]
237
- },
238
- {
239
- "name": "position-visibility",
240
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-visibility",
241
- "value": "always | [ anchors-valid || anchors-visible || no-overflow ]",
242
- "initial": "anchors-visible",
243
- "appliesTo": "absolutely positioned boxes",
244
- "inherited": "no",
245
- "percentages": "n/a",
246
- "computedValue": "as specified",
247
- "canonicalOrder": "per grammar",
248
- "animationType": "discrete",
249
- "values": [
250
- {
251
- "name": "always",
252
- "prose": "This property has no effect. (The box is displayed without regard for its anchors or its overflowing status.)",
253
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-always",
254
- "type": "value",
255
- "value": "always"
256
- },
257
- {
258
- "name": "anchors-valid",
259
- "prose": "If any of the box’s required anchor references do not resolve to a target anchor element, the box’s visibility property computes to force-hidden. What is a required anchor reference? anchor() functions that don’t have a fallback value; the default anchor *sometimes*? Need more detail here. Any anchors are missing, or all anchors are missing? I can see use-cases for either, potentially. Do we want to make a decision here, or make it controllable somehow?",
260
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-valid",
261
- "type": "value",
262
- "value": "anchors-valid"
263
- },
264
- {
265
- "name": "anchors-visible",
266
- "prose": "If the box has a default anchor box but that anchor box is invisible or clipped by intervening boxes, the box’s visibility property computes to force-hidden.",
267
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-visible",
268
- "type": "value",
269
- "value": "anchors-visible"
270
- },
271
- {
272
- "name": "no-overflow",
273
- "prose": "If the box overflows its inset-modified containing block even after applying position-try, the box’s visibility property computes to force-hidden.",
274
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-no-overflow",
275
- "type": "value",
276
- "value": "no-overflow"
277
- }
278
- ],
279
- "styleDeclaration": [
280
- "position-visibility",
281
- "positionVisibility"
282
- ]
283
- },
284
- {
285
- "name": "width",
286
- "newValues": "<anchor-size()>",
287
- "styleDeclaration": [
288
- "width"
289
- ]
290
- },
291
- {
292
- "name": "height",
293
- "newValues": "<anchor-size()>",
294
- "styleDeclaration": [
295
- "height"
296
- ]
297
- },
298
- {
299
- "name": "min-width",
300
- "newValues": "<anchor-size()>",
301
- "styleDeclaration": [
302
- "min-width",
303
- "minWidth"
304
- ]
305
- },
306
- {
307
- "name": "min-height",
308
- "newValues": "<anchor-size()>",
309
- "styleDeclaration": [
310
- "min-height",
311
- "minHeight"
312
- ]
313
- },
314
- {
315
- "name": "max-width",
316
- "newValues": "<anchor-size()>",
317
- "styleDeclaration": [
318
- "max-width",
319
- "maxWidth"
320
- ]
321
- },
322
- {
323
- "name": "max-height",
324
- "newValues": "<anchor-size()>",
325
- "styleDeclaration": [
326
- "max-height",
327
- "maxHeight"
328
- ]
329
- },
330
- {
331
- "name": "margin-top",
332
- "newValues": "<anchor-size()>",
333
- "styleDeclaration": [
334
- "margin-top",
335
- "marginTop"
336
- ]
337
- },
338
- {
339
- "name": "margin-left",
340
- "newValues": "<anchor-size()>",
341
- "styleDeclaration": [
342
- "margin-left",
343
- "marginLeft"
344
- ]
345
- },
346
- {
347
- "name": "margin-right",
348
- "newValues": "<anchor-size()>",
349
- "styleDeclaration": [
350
- "margin-right",
351
- "marginRight"
352
- ]
353
- },
354
- {
355
- "name": "margin-bottom",
356
- "newValues": "<anchor-size()>",
357
- "styleDeclaration": [
358
- "margin-bottom",
359
- "marginBottom"
360
- ]
361
- },
362
- {
363
- "name": "position-try-fallbacks",
364
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-fallbacks",
365
- "value": "none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#",
366
- "initial": "none",
367
- "appliesTo": "absolutely positioned boxes",
368
- "inherited": "no",
369
- "percentages": "n/a",
370
- "computedValue": "as specified",
371
- "canonicalOrder": "per grammar",
372
- "animationType": "discrete",
373
- "values": [
374
- {
375
- "name": "none",
376
- "prose": "The property has no effect; the box’s position options list is empty.",
377
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-none",
378
- "type": "value",
379
- "value": "none"
380
- },
381
- {
382
- "name": "<dashed-ident>",
383
- "prose": "If there is a @position-try rule with the given name, its associated position option is added to the position options list. Otherwise, this value has no effect.",
384
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-dashed-ident",
385
- "type": "value",
386
- "value": "<dashed-ident>"
387
- },
388
- {
389
- "name": "<try-tactic>",
390
- "value": "flip-block || flip-inline || flip-start",
391
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-try-tactic",
392
- "type": "value"
393
- },
394
- {
395
- "name": "<try-tactic>",
396
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-try-fallbacks-try-tactic",
397
- "type": "type",
398
- "value": "flip-block || flip-inline || flip-start"
399
- },
400
- {
401
- "name": "flip-block",
402
- "prose": "swaps the values in the block axis (between, for example, margin-block-start and margin-block-end), essentially mirroring across an inline-axis line.",
403
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-flip-block",
404
- "type": "value",
405
- "value": "flip-block"
406
- },
407
- {
408
- "name": "flip-inline",
409
- "prose": "swaps the values in the inline axis, essentially mirroring across a block-axis line.",
410
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-flip-inline",
411
- "type": "value",
412
- "value": "flip-inline"
413
- },
414
- {
415
- "name": "flip-start",
416
- "prose": "swaps the values of the start properties with each other, and the end properties with each other (between, for example, margin-block-start and margin-inline-start), essentially mirroring across a diagonal drawn from the start-start corner to the end-end corner.",
417
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-flip-start",
418
- "type": "value",
419
- "value": "flip-start"
420
- },
421
- {
422
- "name": "<dashed-ident> || <try-tactic>",
423
- "prose": "Combines the effects of the previous two options: if there is a @position-try rule with the given name, applies its position option to the base style, then transforms it according to the specified <try-tactic> and adds the result to the box’s position options list. Otherwise, does nothing.",
424
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-dashed-ident--try-tactic",
425
- "type": "value",
426
- "value": "<dashed-ident> || <try-tactic>"
427
- },
428
- {
429
- "name": "<'position-area'>",
430
- "prose": "Automatically creates a position option composed solely of a position-area property with the given value.",
431
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-position-area",
432
- "type": "value",
433
- "value": "<'position-area'>"
434
- }
435
- ],
436
- "styleDeclaration": [
437
- "position-try-fallbacks",
438
- "positionTryFallbacks"
439
- ]
440
- },
441
- {
442
- "name": "position-try-order",
443
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-order",
444
- "value": "normal | <try-size>",
445
- "initial": "normal",
446
- "appliesTo": "absolutely positioned boxes",
447
- "inherited": "no",
448
- "percentages": "n/a",
449
- "computedValue": "as specified",
450
- "canonicalOrder": "per grammar",
451
- "animationType": "discrete",
452
- "values": [
453
- {
454
- "name": "normal",
455
- "prose": "Try the position options in the order specified by position-try-fallbacks.",
456
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-normal",
457
- "type": "value",
458
- "value": "normal"
459
- },
460
- {
461
- "name": "most-width",
462
- "prose": "For each entry in the position options list, apply that position option to the box, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
463
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-width",
464
- "type": "value",
465
- "value": "most-width"
466
- },
467
- {
468
- "name": "most-height",
469
- "prose": "For each entry in the position options list, apply that position option to the box, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
470
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-height",
471
- "type": "value",
472
- "value": "most-height"
473
- },
474
- {
475
- "name": "most-block-size",
476
- "prose": "For each entry in the position options list, apply that position option to the box, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
477
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-block-size",
478
- "type": "value",
479
- "value": "most-block-size"
480
- },
481
- {
482
- "name": "most-inline-size",
483
- "prose": "For each entry in the position options list, apply that position option to the box, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
484
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-inline-size",
485
- "type": "value",
486
- "value": "most-inline-size"
487
- }
488
- ],
489
- "styleDeclaration": [
490
- "position-try-order",
491
- "positionTryOrder"
492
- ]
493
- },
494
- {
495
- "name": "position-try",
496
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try",
497
- "value": "<'position-try-order'>? <'position-try-fallbacks'>",
498
- "initial": "see individual properties",
499
- "appliesTo": "see individual properties",
500
- "inherited": "see individual properties",
501
- "percentages": "see individual properties",
502
- "computedValue": "see individual properties",
503
- "animationType": "see individual properties",
504
- "canonicalOrder": "per grammar",
505
- "styleDeclaration": [
506
- "position-try",
507
- "positionTry"
508
- ]
509
- }
510
- ],
511
- "atrules": [
512
- {
513
- "name": "@position-try",
514
- "prose": "The @position-try rule defines a position option with a given name, specifying one or more sets of positioning properties that can be applied to a box via position-try-fallbacks,",
515
- "href": "https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try",
516
- "descriptors": [],
517
- "value": "@position-try <dashed-ident> { <declaration-list> }"
518
- }
519
- ],
520
- "selectors": [],
521
- "values": [
522
- {
523
- "name": "<position-area>",
524
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-position-area",
525
- "type": "type",
526
- "value": "[ [ left | center | right | span-left | span-right | x-start | x-end | span-x-start | span-x-end | x-self-start | x-self-end | span-x-self-start | span-x-self-end | span-all ] || [ top | center | bottom | span-top | span-bottom | y-start | y-end | span-y-start | span-y-end | y-self-start | y-self-end | span-y-self-start | span-y-self-end | span-all ] | [ block-start | center | block-end | span-block-start | span-block-end | span-all ] || [ inline-start | center | inline-end | span-inline-start | span-inline-end | span-all ] | [ self-block-start | center | self-block-end | span-self-block-start | span-self-block-end | span-all ] || [ self-inline-start | center | self-inline-end | span-self-inline-start | span-self-inline-end | span-all ] | [ start | center | end | span-start | span-end | span-all ]{1,2} | [ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2} ]",
527
- "values": [
528
- {
529
- "name": "start",
530
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
531
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-start",
532
- "type": "value",
533
- "value": "start"
534
- },
535
- {
536
- "name": "end",
537
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
538
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-end",
539
- "type": "value",
540
- "value": "end"
541
- },
542
- {
543
- "name": "self-start",
544
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
545
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-start",
546
- "type": "value",
547
- "value": "self-start"
548
- },
549
- {
550
- "name": "self-end",
551
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
552
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-end",
553
- "type": "value",
554
- "value": "self-end"
555
- },
556
- {
557
- "name": "top",
558
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
559
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-top",
560
- "type": "value",
561
- "value": "top"
562
- },
563
- {
564
- "name": "bottom",
565
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
566
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-bottom",
567
- "type": "value",
568
- "value": "bottom"
569
- },
570
- {
571
- "name": "left",
572
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
573
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-left",
574
- "type": "value",
575
- "value": "left"
576
- },
577
- {
578
- "name": "right",
579
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
580
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-right",
581
- "type": "value",
582
- "value": "right"
583
- },
584
- {
585
- "name": "y-start",
586
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
587
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-start",
588
- "type": "value",
589
- "value": "y-start"
590
- },
591
- {
592
- "name": "y-end",
593
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
594
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-end",
595
- "type": "value",
596
- "value": "y-end"
597
- },
598
- {
599
- "name": "y-self-start",
600
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
601
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-start",
602
- "type": "value",
603
- "value": "y-self-start"
604
- },
605
- {
606
- "name": "y-self-end",
607
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
608
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-end",
609
- "type": "value",
610
- "value": "y-self-end"
611
- },
612
- {
613
- "name": "x-start",
614
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
615
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-start",
616
- "type": "value",
617
- "value": "x-start"
618
- },
619
- {
620
- "name": "x-end",
621
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
622
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-end",
623
- "type": "value",
624
- "value": "x-end"
625
- },
626
- {
627
- "name": "x-self-start",
628
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
629
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-start",
630
- "type": "value",
631
- "value": "x-self-start"
632
- },
633
- {
634
- "name": "x-self-end",
635
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
636
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-end",
637
- "type": "value",
638
- "value": "x-self-end"
639
- },
640
- {
641
- "name": "block-start",
642
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
643
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-start",
644
- "type": "value",
645
- "value": "block-start"
646
- },
647
- {
648
- "name": "block-end",
649
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
650
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-end",
651
- "type": "value",
652
- "value": "block-end"
653
- },
654
- {
655
- "name": "self-block-start",
656
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
657
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-block-start",
658
- "type": "value",
659
- "value": "self-block-start"
660
- },
661
- {
662
- "name": "self-block-end",
663
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
664
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-block-end",
665
- "type": "value",
666
- "value": "self-block-end"
667
- },
668
- {
669
- "name": "inline-start",
670
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
671
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-start",
672
- "type": "value",
673
- "value": "inline-start"
674
- },
675
- {
676
- "name": "inline-end",
677
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
678
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-end",
679
- "type": "value",
680
- "value": "inline-end"
681
- },
682
- {
683
- "name": "self-inline-start",
684
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
685
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-inline-start",
686
- "type": "value",
687
- "value": "self-inline-start"
688
- },
689
- {
690
- "name": "self-inline-end",
691
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
692
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-inline-end",
693
- "type": "value",
694
- "value": "self-inline-end"
695
- },
696
- {
697
- "name": "center",
698
- "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the box’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The self-* logical keywords (self-start, x-self-end, etc) are identical, but refer to the box’s own writing mode.",
699
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-center",
700
- "type": "value",
701
- "value": "center"
702
- },
703
- {
704
- "name": "span-start",
705
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
706
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-start",
707
- "type": "value",
708
- "value": "span-start"
709
- },
710
- {
711
- "name": "span-end",
712
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
713
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-end",
714
- "type": "value",
715
- "value": "span-end"
716
- },
717
- {
718
- "name": "span-self-start",
719
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
720
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-start",
721
- "type": "value",
722
- "value": "span-self-start"
723
- },
724
- {
725
- "name": "span-self-end",
726
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
727
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-end",
728
- "type": "value",
729
- "value": "span-self-end"
730
- },
731
- {
732
- "name": "span-top",
733
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
734
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-top",
735
- "type": "value",
736
- "value": "span-top"
737
- },
738
- {
739
- "name": "span-bottom",
740
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
741
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-bottom",
742
- "type": "value",
743
- "value": "span-bottom"
744
- },
745
- {
746
- "name": "span-y-start",
747
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
748
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-start",
749
- "type": "value",
750
- "value": "span-y-start"
751
- },
752
- {
753
- "name": "span-y-end",
754
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
755
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-end",
756
- "type": "value",
757
- "value": "span-y-end"
758
- },
759
- {
760
- "name": "span-y-self-start",
761
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
762
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-self-start",
763
- "type": "value",
764
- "value": "span-y-self-start"
765
- },
766
- {
767
- "name": "span-y-self-end",
768
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
769
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-y-self-end",
770
- "type": "value",
771
- "value": "span-y-self-end"
772
- },
773
- {
774
- "name": "span-x-start",
775
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
776
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-start",
777
- "type": "value",
778
- "value": "span-x-start"
779
- },
780
- {
781
- "name": "span-x-end",
782
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
783
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-end",
784
- "type": "value",
785
- "value": "span-x-end"
786
- },
787
- {
788
- "name": "span-x-self-start",
789
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
790
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-self-start",
791
- "type": "value",
792
- "value": "span-x-self-start"
793
- },
794
- {
795
- "name": "span-x-self-end",
796
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
797
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-x-self-end",
798
- "type": "value",
799
- "value": "span-x-self-end"
800
- },
801
- {
802
- "name": "span-block-start",
803
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
804
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-block-start",
805
- "type": "value",
806
- "value": "span-block-start"
807
- },
808
- {
809
- "name": "span-block-end",
810
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
811
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-block-end",
812
- "type": "value",
813
- "value": "span-block-end"
814
- },
815
- {
816
- "name": "span-self-block-start",
817
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
818
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-block-start",
819
- "type": "value",
820
- "value": "span-self-block-start"
821
- },
822
- {
823
- "name": "span-self-block-end",
824
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
825
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-block-end",
826
- "type": "value",
827
- "value": "span-self-block-end"
828
- },
829
- {
830
- "name": "span-inline-start",
831
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
832
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-inline-start",
833
- "type": "value",
834
- "value": "span-inline-start"
835
- },
836
- {
837
- "name": "span-inline-end",
838
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
839
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-inline-end",
840
- "type": "value",
841
- "value": "span-inline-end"
842
- },
843
- {
844
- "name": "span-self-inline-start",
845
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
846
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-inline-start",
847
- "type": "value",
848
- "value": "span-self-inline-start"
849
- },
850
- {
851
- "name": "span-self-inline-end",
852
- "prose": "Two adjacent rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, span-top spans the first two rows—​the center row and the top row.)",
853
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-self-inline-end",
854
- "type": "value",
855
- "value": "span-self-inline-end"
856
- },
857
- {
858
- "name": "span-all",
859
- "prose": "All three rows or columns, depending on which axis this keyword is specifying.",
860
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-span-all",
861
- "type": "value",
862
- "value": "span-all"
863
- }
864
- ]
865
- },
866
- {
867
- "name": "anchor()",
868
- "prose": "An absolutely positioned box can use the anchor() function as a value in its inset properties to refer to the position of one or more anchor boxes. The anchor() function resolves to a <length>. It is only allowed in the inset properties (and is otherwise invalid).",
869
- "href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor",
870
- "type": "function",
871
- "value": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )",
872
- "values": [
873
- {
874
- "name": "<dashed-ident>",
875
- "prose": "Specifies the anchor name it will look for. This name is a tree-scoped reference.",
876
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-dashed-ident",
877
- "type": "value",
878
- "value": "<dashed-ident>"
879
- },
880
- {
881
- "name": "inside",
882
- "prose": "Resolves to one of the anchor box’s sides, depending on which inset property it’s used in. inside refers to the same side as the inset property (attaching the positioned box to the \"inside\" of the anchor box), while outside refers to the opposite.",
883
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-inside",
884
- "type": "value",
885
- "value": "inside"
886
- },
887
- {
888
- "name": "outside",
889
- "prose": "Resolves to one of the anchor box’s sides, depending on which inset property it’s used in. inside refers to the same side as the inset property (attaching the positioned box to the \"inside\" of the anchor box), while outside refers to the opposite.",
890
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-outside",
891
- "type": "value",
892
- "value": "outside"
893
- },
894
- {
895
- "name": "top",
896
- "prose": "Refers to the specified side of the anchor box.",
897
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-top",
898
- "type": "value",
899
- "value": "top"
900
- },
901
- {
902
- "name": "right",
903
- "prose": "Refers to the specified side of the anchor box.",
904
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-right",
905
- "type": "value",
906
- "value": "right"
907
- },
908
- {
909
- "name": "bottom",
910
- "prose": "Refers to the specified side of the anchor box.",
911
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-bottom",
912
- "type": "value",
913
- "value": "bottom"
914
- },
915
- {
916
- "name": "left",
917
- "prose": "Refers to the specified side of the anchor box.",
918
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-left",
919
- "type": "value",
920
- "value": "left"
921
- },
922
- {
923
- "name": "start",
924
- "prose": "Refers to one of the sides of the anchor box in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned box (for self-start and self-end) or the positioned box’s containing block (for start and end).",
925
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-start",
926
- "type": "value",
927
- "value": "start"
928
- },
929
- {
930
- "name": "end",
931
- "prose": "Refers to one of the sides of the anchor box in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned box (for self-start and self-end) or the positioned box’s containing block (for start and end).",
932
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-end",
933
- "type": "value",
934
- "value": "end"
935
- },
936
- {
937
- "name": "self-start",
938
- "prose": "Refers to one of the sides of the anchor box in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned box (for self-start and self-end) or the positioned box’s containing block (for start and end).",
939
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-self-start",
940
- "type": "value",
941
- "value": "self-start"
942
- },
943
- {
944
- "name": "self-end",
945
- "prose": "Refers to one of the sides of the anchor box in the same axis as the inset property it’s used in, by resolving the keyword against the writing mode of either the positioned box (for self-start and self-end) or the positioned box’s containing block (for start and end).",
946
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-self-end",
947
- "type": "value",
948
- "value": "self-end"
949
- },
950
- {
951
- "name": "<percentage>",
952
- "prose": "Refers to a position a corresponding percentage between the start and end sides, with 0% being equivalent to start and 100% being equivalent to end. center is equivalent to 50%.",
953
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-percentage",
954
- "type": "value",
955
- "value": "<percentage>"
956
- },
957
- {
958
- "name": "center",
959
- "prose": "Refers to a position a corresponding percentage between the start and end sides, with 0% being equivalent to start and 100% being equivalent to end. center is equivalent to 50%.",
960
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-center",
961
- "type": "value",
962
- "value": "center"
963
- }
964
- ]
965
- },
966
- {
967
- "name": "<anchor-name>",
968
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-anchor-name",
969
- "type": "type",
970
- "value": "<dashed-ident>"
971
- },
972
- {
973
- "name": "<anchor-side>",
974
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-anchor-side",
975
- "type": "type",
976
- "value": "inside | outside | top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
977
- },
978
- {
979
- "name": "anchor-size()",
980
- "prose": "An absolutely positioned box can use the anchor-size() function in its sizing properties to refer to the size of one or more anchor boxes. The anchor-size() function resolves to a <length>. It is only allowed in the accepted @position-try properties (and is otherwise invalid).",
981
- "href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor-size",
982
- "type": "function",
983
- "value": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
984
- "values": [
985
- {
986
- "name": "width",
987
- "prose": "The physical <anchor-size> keywords (width and height) refer to the width and height, respectively, of the target anchor element. Unlike anchor(), there is no restriction on having to match axises; for example, width: anchor-size(--foo height); is valid.",
988
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-width",
989
- "type": "value",
990
- "value": "width"
991
- },
992
- {
993
- "name": "height",
994
- "prose": "The physical <anchor-size> keywords (width and height) refer to the width and height, respectively, of the target anchor element. Unlike anchor(), there is no restriction on having to match axises; for example, width: anchor-size(--foo height); is valid.",
995
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-height",
996
- "type": "value",
997
- "value": "height"
998
- },
999
- {
1000
- "name": "block",
1001
- "prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the box (for self-block and self-inline) or the writing mode of the box’s containing block (for block and inline).",
1002
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-block",
1003
- "type": "value",
1004
- "value": "block"
1005
- },
1006
- {
1007
- "name": "inline",
1008
- "prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the box (for self-block and self-inline) or the writing mode of the box’s containing block (for block and inline).",
1009
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-inline",
1010
- "type": "value",
1011
- "value": "inline"
1012
- },
1013
- {
1014
- "name": "self-block",
1015
- "prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the box (for self-block and self-inline) or the writing mode of the box’s containing block (for block and inline).",
1016
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-self-block",
1017
- "type": "value",
1018
- "value": "self-block"
1019
- },
1020
- {
1021
- "name": "self-inline",
1022
- "prose": "The logical <anchor-size> keywords (block, inline, self-block, and self-inline) map to one of the physical keywords according to either the writing mode of the box (for self-block and self-inline) or the writing mode of the box’s containing block (for block and inline).",
1023
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-self-inline",
1024
- "type": "value",
1025
- "value": "self-inline"
1026
- }
1027
- ]
1028
- },
1029
- {
1030
- "name": "<anchor-size>",
1031
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-anchor-size",
1032
- "type": "type",
1033
- "value": "width | height | block | inline | self-block | self-inline"
1034
- },
1035
- {
1036
- "name": "<try-size>",
1037
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-try-size",
1038
- "type": "type",
1039
- "value": "most-width | most-height | most-block-size | most-inline-size"
1040
- }
1041
- ]
1042
- }