@webref/css 6.15.2 → 6.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css-anchor-position.json +76 -69
- package/css-backgrounds-4.json +14 -7
- package/css-color-5.json +1 -1
- package/css-conditional-5.json +27 -6
- package/css-grid-3.json +24 -10
- package/css-pseudo.json +6 -0
- package/css-scoping.json +5 -0
- package/css-shapes.json +2 -2
- package/css-sizing-4.json +165 -187
- package/css-text-4.json +9 -2
- package/css-ui.json +8 -1
- package/css-values-5.json +129 -4
- package/package.json +1 -1
- package/selectors-5.json +2 -2
- package/webxr-dom-overlays.json +16 -0
package/css-anchor-position.json
CHANGED
|
@@ -78,9 +78,9 @@
|
|
|
78
78
|
{
|
|
79
79
|
"name": "position-anchor",
|
|
80
80
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-anchor",
|
|
81
|
-
"value": "auto | <anchor-
|
|
81
|
+
"value": "auto | <anchor-name>",
|
|
82
82
|
"initial": "auto",
|
|
83
|
-
"appliesTo": "absolutely positioned
|
|
83
|
+
"appliesTo": "absolutely positioned boxes",
|
|
84
84
|
"inherited": "no",
|
|
85
85
|
"percentages": "n/a",
|
|
86
86
|
"computedValue": "as specified",
|
|
@@ -89,10 +89,17 @@
|
|
|
89
89
|
"values": [
|
|
90
90
|
{
|
|
91
91
|
"name": "auto",
|
|
92
|
-
"prose": "
|
|
92
|
+
"prose": "Use the implicit anchor element if it exists; otherwise the box has no default anchor element.",
|
|
93
93
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-anchor-auto",
|
|
94
94
|
"type": "value",
|
|
95
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>"
|
|
96
103
|
}
|
|
97
104
|
],
|
|
98
105
|
"styleDeclaration": [
|
|
@@ -105,7 +112,7 @@
|
|
|
105
112
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-area",
|
|
106
113
|
"value": "none | <position-area>",
|
|
107
114
|
"initial": "none",
|
|
108
|
-
"appliesTo": "positioned
|
|
115
|
+
"appliesTo": "positioned boxes with a default anchor box",
|
|
109
116
|
"inherited": "no",
|
|
110
117
|
"percentages": "n/a",
|
|
111
118
|
"computedValue": "as specified",
|
|
@@ -121,7 +128,7 @@
|
|
|
121
128
|
},
|
|
122
129
|
{
|
|
123
130
|
"name": "<position-area>",
|
|
124
|
-
"prose": "If the
|
|
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, it has the following effects: The property selects a region of the position-area grid, and makes that the box’s containing block. See § 3.1.1 Resolving <position-area>s for details. Note: This means that the inset properties specify offsets from the position-area, and some property values, like max-height: 100%, will be relative to the position-area as well. The normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned box. Again, see § 3.1.1 Resolving <position-area>s for details. Any auto inset properties resolve to 0. The box is not considered to be in a legacy alignment mode in either axis.",
|
|
125
132
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-position-area",
|
|
126
133
|
"type": "value",
|
|
127
134
|
"value": "<position-area>"
|
|
@@ -166,7 +173,7 @@
|
|
|
166
173
|
"values": [
|
|
167
174
|
{
|
|
168
175
|
"name": "anchor-center",
|
|
169
|
-
"prose": "The new anchor-center value makes this case extremely simple: if the positioned
|
|
176
|
+
"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.",
|
|
170
177
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
|
|
171
178
|
"type": "value",
|
|
172
179
|
"value": "anchor-center"
|
|
@@ -183,7 +190,7 @@
|
|
|
183
190
|
"values": [
|
|
184
191
|
{
|
|
185
192
|
"name": "anchor-center",
|
|
186
|
-
"prose": "The new anchor-center value makes this case extremely simple: if the positioned
|
|
193
|
+
"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.",
|
|
187
194
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
|
|
188
195
|
"type": "value",
|
|
189
196
|
"value": "anchor-center"
|
|
@@ -200,7 +207,7 @@
|
|
|
200
207
|
"values": [
|
|
201
208
|
{
|
|
202
209
|
"name": "anchor-center",
|
|
203
|
-
"prose": "The new anchor-center value makes this case extremely simple: if the positioned
|
|
210
|
+
"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.",
|
|
204
211
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
|
|
205
212
|
"type": "value",
|
|
206
213
|
"value": "anchor-center"
|
|
@@ -217,7 +224,7 @@
|
|
|
217
224
|
"values": [
|
|
218
225
|
{
|
|
219
226
|
"name": "anchor-center",
|
|
220
|
-
"prose": "The new anchor-center value makes this case extremely simple: if the positioned
|
|
227
|
+
"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.",
|
|
221
228
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-justify-self-anchor-center",
|
|
222
229
|
"type": "value",
|
|
223
230
|
"value": "anchor-center"
|
|
@@ -233,7 +240,7 @@
|
|
|
233
240
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-visibility",
|
|
234
241
|
"value": "always | [ anchors-valid || anchors-visible || no-overflow ]",
|
|
235
242
|
"initial": "anchors-visible",
|
|
236
|
-
"appliesTo": "absolutely
|
|
243
|
+
"appliesTo": "absolutely positioned boxes",
|
|
237
244
|
"inherited": "no",
|
|
238
245
|
"percentages": "n/a",
|
|
239
246
|
"computedValue": "as specified",
|
|
@@ -242,28 +249,28 @@
|
|
|
242
249
|
"values": [
|
|
243
250
|
{
|
|
244
251
|
"name": "always",
|
|
245
|
-
"prose": "This property has no effect. (The
|
|
252
|
+
"prose": "This property has no effect. (The box is displayed without regard for its anchors or its overflowing status.)",
|
|
246
253
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-always",
|
|
247
254
|
"type": "value",
|
|
248
255
|
"value": "always"
|
|
249
256
|
},
|
|
250
257
|
{
|
|
251
258
|
"name": "anchors-valid",
|
|
252
|
-
"prose": "If any of the
|
|
259
|
+
"prose": "If any of the box’s required anchor references do not resolve to a target anchor element, the box is strongly 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?",
|
|
253
260
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-valid",
|
|
254
261
|
"type": "value",
|
|
255
262
|
"value": "anchors-valid"
|
|
256
263
|
},
|
|
257
264
|
{
|
|
258
265
|
"name": "anchors-visible",
|
|
259
|
-
"prose": "If the
|
|
266
|
+
"prose": "If the box has a default anchor box but that anchor box is clipped by intervening boxes, this box is also strongly hidden.",
|
|
260
267
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-anchors-visible",
|
|
261
268
|
"type": "value",
|
|
262
269
|
"value": "anchors-visible"
|
|
263
270
|
},
|
|
264
271
|
{
|
|
265
272
|
"name": "no-overflow",
|
|
266
|
-
"prose": "If the
|
|
273
|
+
"prose": "If the box overflows its inset-modified containing block even after applying position-try, then the box is strongly hidden.",
|
|
267
274
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-visibility-no-overflow",
|
|
268
275
|
"type": "value",
|
|
269
276
|
"value": "no-overflow"
|
|
@@ -357,7 +364,7 @@
|
|
|
357
364
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-fallbacks",
|
|
358
365
|
"value": "none | [ [<dashed-ident> || <try-tactic>] | <'position-area'> ]#",
|
|
359
366
|
"initial": "none",
|
|
360
|
-
"appliesTo": "absolutely
|
|
367
|
+
"appliesTo": "absolutely positioned boxes",
|
|
361
368
|
"inherited": "no",
|
|
362
369
|
"percentages": "n/a",
|
|
363
370
|
"computedValue": "as specified",
|
|
@@ -366,7 +373,7 @@
|
|
|
366
373
|
"values": [
|
|
367
374
|
{
|
|
368
375
|
"name": "none",
|
|
369
|
-
"prose": "The property has no effect; the
|
|
376
|
+
"prose": "The property has no effect; the box’s position options list is empty.",
|
|
370
377
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-none",
|
|
371
378
|
"type": "value",
|
|
372
379
|
"value": "none"
|
|
@@ -413,14 +420,14 @@
|
|
|
413
420
|
},
|
|
414
421
|
{
|
|
415
422
|
"name": "<dashed-ident> || <try-tactic>",
|
|
416
|
-
"prose": "Combines the effects of the previous two options: if there is a @position-try rule with the given name,
|
|
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.",
|
|
417
424
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-dashed-ident--try-tactic",
|
|
418
425
|
"type": "value",
|
|
419
426
|
"value": "<dashed-ident> || <try-tactic>"
|
|
420
427
|
},
|
|
421
428
|
{
|
|
422
429
|
"name": "<'position-area'>",
|
|
423
|
-
"prose": "Automatically creates a position option composed solely of
|
|
430
|
+
"prose": "Automatically creates a position option composed solely of a position-area property with the given value.",
|
|
424
431
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-fallbacks-position-area",
|
|
425
432
|
"type": "value",
|
|
426
433
|
"value": "<'position-area'>"
|
|
@@ -436,7 +443,7 @@
|
|
|
436
443
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-order",
|
|
437
444
|
"value": "normal | <try-size>",
|
|
438
445
|
"initial": "normal",
|
|
439
|
-
"appliesTo": "absolutely positioned
|
|
446
|
+
"appliesTo": "absolutely positioned boxes",
|
|
440
447
|
"inherited": "no",
|
|
441
448
|
"percentages": "n/a",
|
|
442
449
|
"computedValue": "as specified",
|
|
@@ -452,28 +459,28 @@
|
|
|
452
459
|
},
|
|
453
460
|
{
|
|
454
461
|
"name": "most-width",
|
|
455
|
-
"prose": "For each entry in the position options list, apply
|
|
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.",
|
|
456
463
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-width",
|
|
457
464
|
"type": "value",
|
|
458
465
|
"value": "most-width"
|
|
459
466
|
},
|
|
460
467
|
{
|
|
461
468
|
"name": "most-height",
|
|
462
|
-
"prose": "For each entry in the position options list, apply
|
|
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.",
|
|
463
470
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-height",
|
|
464
471
|
"type": "value",
|
|
465
472
|
"value": "most-height"
|
|
466
473
|
},
|
|
467
474
|
{
|
|
468
475
|
"name": "most-block-size",
|
|
469
|
-
"prose": "For each entry in the position options list, apply
|
|
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.",
|
|
470
477
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-block-size",
|
|
471
478
|
"type": "value",
|
|
472
479
|
"value": "most-block-size"
|
|
473
480
|
},
|
|
474
481
|
{
|
|
475
482
|
"name": "most-inline-size",
|
|
476
|
-
"prose": "For each entry in the position options list, apply
|
|
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.",
|
|
477
484
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-inline-size",
|
|
478
485
|
"type": "value",
|
|
479
486
|
"value": "most-inline-size"
|
|
@@ -504,7 +511,7 @@
|
|
|
504
511
|
"atrules": [
|
|
505
512
|
{
|
|
506
513
|
"name": "@position-try",
|
|
507
|
-
"prose": "The @position-try rule defines a position option with a given name, specifying one or more sets of positioning properties that
|
|
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,",
|
|
508
515
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try",
|
|
509
516
|
"descriptors": [],
|
|
510
517
|
"value": "@position-try <dashed-ident> { <declaration-list> }"
|
|
@@ -520,175 +527,175 @@
|
|
|
520
527
|
"values": [
|
|
521
528
|
{
|
|
522
529
|
"name": "start",
|
|
523
|
-
"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
|
|
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.",
|
|
524
531
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-start",
|
|
525
532
|
"type": "value",
|
|
526
533
|
"value": "start"
|
|
527
534
|
},
|
|
528
535
|
{
|
|
529
536
|
"name": "end",
|
|
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
|
|
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.",
|
|
531
538
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-end",
|
|
532
539
|
"type": "value",
|
|
533
540
|
"value": "end"
|
|
534
541
|
},
|
|
535
542
|
{
|
|
536
543
|
"name": "self-start",
|
|
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
|
|
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.",
|
|
538
545
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-start",
|
|
539
546
|
"type": "value",
|
|
540
547
|
"value": "self-start"
|
|
541
548
|
},
|
|
542
549
|
{
|
|
543
550
|
"name": "self-end",
|
|
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
|
|
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.",
|
|
545
552
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-self-end",
|
|
546
553
|
"type": "value",
|
|
547
554
|
"value": "self-end"
|
|
548
555
|
},
|
|
549
556
|
{
|
|
550
557
|
"name": "top",
|
|
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
|
|
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.",
|
|
552
559
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-top",
|
|
553
560
|
"type": "value",
|
|
554
561
|
"value": "top"
|
|
555
562
|
},
|
|
556
563
|
{
|
|
557
564
|
"name": "bottom",
|
|
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
|
|
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.",
|
|
559
566
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-bottom",
|
|
560
567
|
"type": "value",
|
|
561
568
|
"value": "bottom"
|
|
562
569
|
},
|
|
563
570
|
{
|
|
564
571
|
"name": "left",
|
|
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
|
|
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.",
|
|
566
573
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-left",
|
|
567
574
|
"type": "value",
|
|
568
575
|
"value": "left"
|
|
569
576
|
},
|
|
570
577
|
{
|
|
571
578
|
"name": "right",
|
|
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
|
|
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.",
|
|
573
580
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-right",
|
|
574
581
|
"type": "value",
|
|
575
582
|
"value": "right"
|
|
576
583
|
},
|
|
577
584
|
{
|
|
578
585
|
"name": "y-start",
|
|
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
|
|
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.",
|
|
580
587
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-start",
|
|
581
588
|
"type": "value",
|
|
582
589
|
"value": "y-start"
|
|
583
590
|
},
|
|
584
591
|
{
|
|
585
592
|
"name": "y-end",
|
|
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
|
|
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.",
|
|
587
594
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-end",
|
|
588
595
|
"type": "value",
|
|
589
596
|
"value": "y-end"
|
|
590
597
|
},
|
|
591
598
|
{
|
|
592
599
|
"name": "y-self-start",
|
|
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
|
|
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.",
|
|
594
601
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-start",
|
|
595
602
|
"type": "value",
|
|
596
603
|
"value": "y-self-start"
|
|
597
604
|
},
|
|
598
605
|
{
|
|
599
606
|
"name": "y-self-end",
|
|
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
|
|
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.",
|
|
601
608
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-y-self-end",
|
|
602
609
|
"type": "value",
|
|
603
610
|
"value": "y-self-end"
|
|
604
611
|
},
|
|
605
612
|
{
|
|
606
613
|
"name": "x-start",
|
|
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
|
|
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.",
|
|
608
615
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-start",
|
|
609
616
|
"type": "value",
|
|
610
617
|
"value": "x-start"
|
|
611
618
|
},
|
|
612
619
|
{
|
|
613
620
|
"name": "x-end",
|
|
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
|
|
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.",
|
|
615
622
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-end",
|
|
616
623
|
"type": "value",
|
|
617
624
|
"value": "x-end"
|
|
618
625
|
},
|
|
619
626
|
{
|
|
620
627
|
"name": "x-self-start",
|
|
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
|
|
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.",
|
|
622
629
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-start",
|
|
623
630
|
"type": "value",
|
|
624
631
|
"value": "x-self-start"
|
|
625
632
|
},
|
|
626
633
|
{
|
|
627
634
|
"name": "x-self-end",
|
|
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
|
|
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.",
|
|
629
636
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-x-self-end",
|
|
630
637
|
"type": "value",
|
|
631
638
|
"value": "x-self-end"
|
|
632
639
|
},
|
|
633
640
|
{
|
|
634
641
|
"name": "block-start",
|
|
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
|
|
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.",
|
|
636
643
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-start",
|
|
637
644
|
"type": "value",
|
|
638
645
|
"value": "block-start"
|
|
639
646
|
},
|
|
640
647
|
{
|
|
641
648
|
"name": "block-end",
|
|
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
|
|
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.",
|
|
643
650
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-end",
|
|
644
651
|
"type": "value",
|
|
645
652
|
"value": "block-end"
|
|
646
653
|
},
|
|
647
654
|
{
|
|
648
655
|
"name": "block-self-start",
|
|
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
|
|
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.",
|
|
650
657
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-self-start",
|
|
651
658
|
"type": "value",
|
|
652
659
|
"value": "block-self-start"
|
|
653
660
|
},
|
|
654
661
|
{
|
|
655
662
|
"name": "block-self-end",
|
|
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
|
|
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.",
|
|
657
664
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-block-self-end",
|
|
658
665
|
"type": "value",
|
|
659
666
|
"value": "block-self-end"
|
|
660
667
|
},
|
|
661
668
|
{
|
|
662
669
|
"name": "inline-start",
|
|
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
|
|
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.",
|
|
664
671
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-start",
|
|
665
672
|
"type": "value",
|
|
666
673
|
"value": "inline-start"
|
|
667
674
|
},
|
|
668
675
|
{
|
|
669
676
|
"name": "inline-end",
|
|
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
|
|
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.",
|
|
671
678
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-end",
|
|
672
679
|
"type": "value",
|
|
673
680
|
"value": "inline-end"
|
|
674
681
|
},
|
|
675
682
|
{
|
|
676
683
|
"name": "inline-self-start",
|
|
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
|
|
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.",
|
|
678
685
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-self-start",
|
|
679
686
|
"type": "value",
|
|
680
687
|
"value": "inline-self-start"
|
|
681
688
|
},
|
|
682
689
|
{
|
|
683
690
|
"name": "inline-self-end",
|
|
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
|
|
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.",
|
|
685
692
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-inline-self-end",
|
|
686
693
|
"type": "value",
|
|
687
694
|
"value": "inline-self-end"
|
|
688
695
|
},
|
|
689
696
|
{
|
|
690
697
|
"name": "center",
|
|
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
|
|
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.",
|
|
692
699
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-area-center",
|
|
693
700
|
"type": "value",
|
|
694
701
|
"value": "center"
|
|
@@ -788,10 +795,10 @@
|
|
|
788
795
|
},
|
|
789
796
|
{
|
|
790
797
|
"name": "anchor()",
|
|
791
|
-
"prose": "An absolutely
|
|
798
|
+
"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 valid to be used in the inset properties.",
|
|
792
799
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor",
|
|
793
800
|
"type": "function",
|
|
794
|
-
"value": "anchor( <anchor-
|
|
801
|
+
"value": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )",
|
|
795
802
|
"values": [
|
|
796
803
|
{
|
|
797
804
|
"name": "<dashed-ident>",
|
|
@@ -802,70 +809,70 @@
|
|
|
802
809
|
},
|
|
803
810
|
{
|
|
804
811
|
"name": "inside",
|
|
805
|
-
"prose": "Resolves to one of the anchor
|
|
812
|
+
"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.",
|
|
806
813
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-inside",
|
|
807
814
|
"type": "value",
|
|
808
815
|
"value": "inside"
|
|
809
816
|
},
|
|
810
817
|
{
|
|
811
818
|
"name": "outside",
|
|
812
|
-
"prose": "Resolves to one of the anchor
|
|
819
|
+
"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.",
|
|
813
820
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-outside",
|
|
814
821
|
"type": "value",
|
|
815
822
|
"value": "outside"
|
|
816
823
|
},
|
|
817
824
|
{
|
|
818
825
|
"name": "top",
|
|
819
|
-
"prose": "Refers to the specified side of the anchor
|
|
826
|
+
"prose": "Refers to the specified side of the anchor box.",
|
|
820
827
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-top",
|
|
821
828
|
"type": "value",
|
|
822
829
|
"value": "top"
|
|
823
830
|
},
|
|
824
831
|
{
|
|
825
832
|
"name": "right",
|
|
826
|
-
"prose": "Refers to the specified side of the anchor
|
|
833
|
+
"prose": "Refers to the specified side of the anchor box.",
|
|
827
834
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-right",
|
|
828
835
|
"type": "value",
|
|
829
836
|
"value": "right"
|
|
830
837
|
},
|
|
831
838
|
{
|
|
832
839
|
"name": "bottom",
|
|
833
|
-
"prose": "Refers to the specified side of the anchor
|
|
840
|
+
"prose": "Refers to the specified side of the anchor box.",
|
|
834
841
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-bottom",
|
|
835
842
|
"type": "value",
|
|
836
843
|
"value": "bottom"
|
|
837
844
|
},
|
|
838
845
|
{
|
|
839
846
|
"name": "left",
|
|
840
|
-
"prose": "Refers to the specified side of the anchor
|
|
847
|
+
"prose": "Refers to the specified side of the anchor box.",
|
|
841
848
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-left",
|
|
842
849
|
"type": "value",
|
|
843
850
|
"value": "left"
|
|
844
851
|
},
|
|
845
852
|
{
|
|
846
853
|
"name": "start",
|
|
847
|
-
"prose": "Refers to one of the sides of the anchor
|
|
854
|
+
"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).",
|
|
848
855
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-start",
|
|
849
856
|
"type": "value",
|
|
850
857
|
"value": "start"
|
|
851
858
|
},
|
|
852
859
|
{
|
|
853
860
|
"name": "end",
|
|
854
|
-
"prose": "Refers to one of the sides of the anchor
|
|
861
|
+
"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).",
|
|
855
862
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-end",
|
|
856
863
|
"type": "value",
|
|
857
864
|
"value": "end"
|
|
858
865
|
},
|
|
859
866
|
{
|
|
860
867
|
"name": "self-start",
|
|
861
|
-
"prose": "Refers to one of the sides of the anchor
|
|
868
|
+
"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).",
|
|
862
869
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-self-start",
|
|
863
870
|
"type": "value",
|
|
864
871
|
"value": "self-start"
|
|
865
872
|
},
|
|
866
873
|
{
|
|
867
874
|
"name": "self-end",
|
|
868
|
-
"prose": "Refers to one of the sides of the anchor
|
|
875
|
+
"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).",
|
|
869
876
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-self-end",
|
|
870
877
|
"type": "value",
|
|
871
878
|
"value": "self-end"
|
|
@@ -887,8 +894,8 @@
|
|
|
887
894
|
]
|
|
888
895
|
},
|
|
889
896
|
{
|
|
890
|
-
"name": "<anchor-
|
|
891
|
-
"href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-anchor-
|
|
897
|
+
"name": "<anchor-name>",
|
|
898
|
+
"href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-anchor-name",
|
|
892
899
|
"type": "type",
|
|
893
900
|
"value": "<dashed-ident>"
|
|
894
901
|
},
|
|
@@ -900,10 +907,10 @@
|
|
|
900
907
|
},
|
|
901
908
|
{
|
|
902
909
|
"name": "anchor-size()",
|
|
903
|
-
"prose": "An absolutely
|
|
910
|
+
"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 valid to be used in the accepted @position-try properties.",
|
|
904
911
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#funcdef-anchor-size",
|
|
905
912
|
"type": "function",
|
|
906
|
-
"value": "anchor-size( [ <anchor-
|
|
913
|
+
"value": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
|
|
907
914
|
"values": [
|
|
908
915
|
{
|
|
909
916
|
"name": "width",
|
|
@@ -921,28 +928,28 @@
|
|
|
921
928
|
},
|
|
922
929
|
{
|
|
923
930
|
"name": "block",
|
|
924
|
-
"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
|
|
931
|
+
"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).",
|
|
925
932
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-block",
|
|
926
933
|
"type": "value",
|
|
927
934
|
"value": "block"
|
|
928
935
|
},
|
|
929
936
|
{
|
|
930
937
|
"name": "inline",
|
|
931
|
-
"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
|
|
938
|
+
"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).",
|
|
932
939
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-inline",
|
|
933
940
|
"type": "value",
|
|
934
941
|
"value": "inline"
|
|
935
942
|
},
|
|
936
943
|
{
|
|
937
944
|
"name": "self-block",
|
|
938
|
-
"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
|
|
945
|
+
"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).",
|
|
939
946
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-self-block",
|
|
940
947
|
"type": "value",
|
|
941
948
|
"value": "self-block"
|
|
942
949
|
},
|
|
943
950
|
{
|
|
944
951
|
"name": "self-inline",
|
|
945
|
-
"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
|
|
952
|
+
"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).",
|
|
946
953
|
"href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-anchor-size-self-inline",
|
|
947
954
|
"type": "value",
|
|
948
955
|
"value": "self-inline"
|