@@ -104,13 +104,13 @@ Determining the Anchor {#determining}
104
104
105
105
<!-- Big Text: a-name
106
106
107
- ███▌ █ █▌ ███▌ █ █ █████▌
108
- ▐█ ▐█ █▌ █▌ ▐█ ▐█ ██ ██ █▌
109
- █▌ █▌ ██▌ █▌ █▌ █▌ █▌█ █▐█ █▌
110
- █▌ █▌ ████▌ █▌▐█ █▌ █▌ █▌ █▌ █ ▐█ ████
111
- █████▌ █▌ ██▌ █████▌ █▌ ▐█ █▌
112
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
113
- █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ ▐█ █████▌
107
+ ███▌ █ █▌ ███▌ █ █ █████▌
108
+ ▐█ ▐█ █▌ █▌ ▐█ ▐█ ██ ██ █▌
109
+ █▌ █▌ ██▌ █▌ █▌ █▌ █▌█ █▐█ █▌
110
+ █▌ █▌ ████▌ █▌▐█ █▌ █▌ █▌ █▌ █ ▐█ ████
111
+ █████▌ █▌ ██▌ █████▌ █▌ ▐█ █▌
112
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
113
+ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ ▐█ █████▌
114
114
-->
115
115
116
116
Creating an Anchor: the 'anchor-name' property {#name}
@@ -180,13 +180,13 @@ by other specifications, cannot be positioned with [=implicit anchor elements=].
180
180
181
181
<!-- Big Text: a-scope
182
182
183
- ███▌ ███▌ ███▌ ███▌ ████▌ █████▌
184
- ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
185
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
186
- █▌ █▌ ████▌ ███▌ █▌ █▌ █▌ ████▌ ████
187
- █████▌ █▌ █▌ █▌ █▌ █▌ █▌
188
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
189
- █▌ █▌ ███▌ ███▌ ███▌ █▌ █████▌
183
+ ███▌ ███▌ ███▌ ███▌ ████▌ █████▌
184
+ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
185
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
186
+ █▌ █▌ ████▌ ███▌ █▌ █▌ █▌ ████▌ ████
187
+ █████▌ █▌ █▌ █▌ █▌ █▌ █▌
188
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
189
+ █▌ █▌ ███▌ ███▌ ███▌ █▌ █████▌
190
190
-->
191
191
192
192
<h3 id='anchor-scope'>
@@ -261,13 +261,13 @@ This property has no effect on [=implicit anchor elements=].
261
261
262
262
<!-- Big Text: lookup
263
263
264
- █▌ ███▌ ███▌ █▌ █▌ █▌ █▌ ████▌
265
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
266
- █▌ █▌ █▌ █▌ █▌ █▌█▌ █▌ █▌ █▌ █▌
267
- █▌ █▌ █▌ █▌ █▌ ██ █▌ █▌ ████▌
268
- █▌ █▌ █▌ █▌ █▌ █▌█▌ █▌ █▌ █▌
269
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
270
- █████ ███▌ ███▌ █▌ █▌ ███▌ █▌
264
+ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌ ████▌
265
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
266
+ █▌ █▌ █▌ █▌ █▌ █▌█▌ █▌ █▌ █▌ █▌
267
+ █▌ █▌ █▌ █▌ █▌ ██ █▌ █▌ ████▌
268
+ █▌ █▌ █▌ █▌ █▌ █▌█▌ █▌ █▌ █▌
269
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
270
+ █████ ███▌ ███▌ █▌ █▌ ███▌ █▌
271
271
-->
272
272
273
273
Finding an Anchor {#target}
@@ -375,13 +375,13 @@ or nothing (a missing specifier).
375
375
376
376
<!-- Big Text: default
377
377
378
- ████▌ █████▌ █████▌ ███▌ █▌ █▌ █▌ █████▌
379
- █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
380
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
381
- █▌ █▌ ████ ████ █▌ █▌ █▌ █▌ █▌ █▌
382
- █▌ █▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
383
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
384
- ████▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌
378
+ ████▌ █████▌ █████▌ ███▌ █▌ █▌ █▌ █████▌
379
+ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
380
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
381
+ █▌ █▌ ████ ████ █▌ █▌ █▌ █▌ █▌ █▌
382
+ █▌ █▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
383
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
384
+ ████▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌
385
385
-->
386
386
387
387
<h3 id=anchor-default>
@@ -448,13 +448,13 @@ to explicitly refer to edges of an [=anchor element=].
448
448
449
449
<!-- Big Text: inset-area
450
450
451
- ████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
452
- ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
453
- ▐▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
454
- ▐▌ █▌▐█ █▌ ███▌ ████ █▌ ████▌ █▌ █▌ ████▌ ████ █▌ █▌
455
- ▐▌ █▌ ██▌ █▌ █▌ █▌ █████▌ █▌▐█ █▌ █████▌
456
- ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌
457
- ████ █▌ ▐▌ ███▌ █████▌ █▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌
451
+ ████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
452
+ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
453
+ ▐▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
454
+ ▐▌ █▌▐█ █▌ ███▌ ████ █▌ ████▌ █▌ █▌ ████▌ ████ █▌ █▌
455
+ ▐▌ █▌ ██▌ █▌ █▌ █▌ █████▌ █▌▐█ █▌ █████▌
456
+ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌
457
+ ████ █▌ ▐▌ ███▌ █████▌ █▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌
458
458
-->
459
459
460
460
The 'inset-area' Property {#inset-area}
@@ -649,13 +649,13 @@ some of the [=inset-area grid's=] rows or columns can be zero-sized.
649
649
650
650
<!-- Big Text: anchor()
651
651
652
- ███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
653
- ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
654
- █▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
655
- █▌ █▌ █▌▐█ █▌ █▌ █████▌ █▌ █▌ ████▌ █▌ ▐█
656
- █████▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ ▐█
657
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
658
- █▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
652
+ ███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
653
+ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
654
+ █▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
655
+ █▌ █▌ █▌▐█ █▌ █▌ █████▌ █▌ █▌ ████▌ █▌ ▐█
656
+ █████▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ ▐█
657
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
658
+ █▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
659
659
-->
660
660
661
661
The ''anchor()'' Function {#anchor-pos}
@@ -834,13 +834,13 @@ as if by an additional ''translate()'' transform.
834
834
835
835
<!-- Big Text: a-center
836
836
837
- ███▌ ███▌ █████▌ █ █▌ █████▌ █████▌ ████▌
838
- ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
839
- █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌
840
- █▌ █▌ ████▌ █▌ ████ █▌▐█ █▌ █▌ ████ ████▌
841
- █████▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌▐█
842
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
843
- █▌ █▌ ███▌ █████▌ █▌ ▐▌ █▌ █████▌ █▌ █▌
837
+ ███▌ ███▌ █████▌ █ █▌ █████▌ █████▌ ████▌
838
+ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
839
+ █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌
840
+ █▌ █▌ ████▌ █▌ ████ █▌▐█ █▌ █▌ ████ ████▌
841
+ █████▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌▐█
842
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
843
+ █▌ █▌ ███▌ █████▌ █▌ ▐▌ █▌ █████▌ █▌ █▌
844
844
-->
845
845
846
846
Centering on the Anchor: the ''anchor-center'' value {#anchor-center}
@@ -884,12 +884,12 @@ and has no additional effect on how [=inset properties=] resolve.
884
884
885
885
<!-- Big Text: scroll
886
886
887
- ███▌ ███▌ ████▌ ███▌ █▌ █▌
888
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
889
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
890
- ███▌ █▌ ████▌ █▌ █▌ █▌ █▌
891
- █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌
892
- █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
887
+ ███▌ ███▌ ████▌ ███▌ █▌ █▌
888
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
889
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
890
+ ███▌ █▌ ████▌ █▌ █▌ █▌ █▌
891
+ █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌
892
+ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
893
893
███▌ ███▌ █▌ █▌ ███▌ █████ █████
894
894
-->
895
895
@@ -978,13 +978,13 @@ it resolves to ''0px''.
978
978
979
979
<!-- Big Text: a-size()
980
980
981
- ███▌ ███▌ ████ █████▌ █████▌ ██ ██
982
- ▐█ ▐█ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
983
- █▌ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
984
- █▌ █▌ ████▌ ███▌ ▐▌ █▌ ████ █▌ ▐█
985
- █████▌ █▌ ▐▌ █ █▌ █▌ ▐█
986
- █▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█
987
- █▌ █▌ ███▌ ████ █████▌ █████▌ ██ ██
981
+ ███▌ ███▌ ████ █████▌ █████▌ ██ ██
982
+ ▐█ ▐█ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
983
+ █▌ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
984
+ █▌ █▌ ████▌ ███▌ ▐▌ █▌ ████ █▌ ▐█
985
+ █████▌ █▌ ▐▌ █ █▌ █▌ ▐█
986
+ █▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█
987
+ █▌ █▌ ███▌ ████ █████▌ █████▌ ██ ██
988
988
-->
989
989
990
990
Anchor-Based Sizing {#sizing}
@@ -1056,13 +1056,13 @@ it resolves to ''0px''.
1056
1056
1057
1057
<!-- Big Text: fallback
1058
1058
1059
- █████▌ ███▌ █▌ █▌ ████▌ ███▌ ███▌ █▌ █▌
1060
- █▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
1061
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
1062
- ████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
1063
- █▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
1064
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1065
- █▌ █▌ █▌ █████ █████ ████▌ █▌ █▌ ███▌ █▌ █▌
1059
+ █████▌ ███▌ █▌ █▌ ████▌ ███▌ ███▌ █▌ █▌
1060
+ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
1061
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
1062
+ ████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
1063
+ █▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
1064
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1065
+ █▌ █▌ █▌ █████ █████ ████▌ █▌ █▌ ███▌ █▌ █▌
1066
1066
-->
1067
1067
1068
1068
Overflow Management {#fallback}
@@ -1200,13 +1200,13 @@ Values have the following meanings:
1200
1200
1201
1201
<!-- Big Text: -order
1202
1202
1203
- ███▌ ████▌ ████▌ █████▌ ████▌
1204
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1205
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1206
- ████▌ █▌ █▌ ████▌ █▌ █▌ ████ ████▌
1207
- █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌▐█
1208
- █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ ▐█
1209
- ███▌ █▌ █▌ ████▌ █████▌ █▌ █▌
1203
+ ███▌ ████▌ ████▌ █████▌ ████▌
1204
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1205
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1206
+ ████▌ █▌ █▌ ████▌ █▌ █▌ ████ ████▌
1207
+ █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌▐█
1208
+ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ ▐█
1209
+ ███▌ █▌ █▌ ████▌ █████▌ █▌ █▌
1210
1210
-->
1211
1211
1212
1212
Determining Fallback Order: the 'position-try-order' property {#position-try-order-property}
@@ -1362,13 +1362,13 @@ it's set to the property's initial value.
1362
1362
1363
1363
<!-- Big Text: @pos-try
1364
1364
1365
- ████▌ ████▌ ███▌ ███▌ █████▌ ████▌ █ ▐▌
1366
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1367
- █▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1368
- █▌▐█ █▌ ████▌ █▌ █▌ ███▌ ████▌ █▌ ████▌ ▐▌█
1369
- █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌
1370
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
1371
- ████▌ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌
1365
+ ████▌ ████▌ ███▌ ███▌ █████▌ ████▌ █ ▐▌
1366
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1367
+ █▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1368
+ █▌▐█ █▌ ████▌ █▌ █▌ ███▌ ████▌ █▌ ████▌ ▐▌█
1369
+ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌
1370
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
1371
+ ████▌ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌
1372
1372
-->
1373
1373
1374
1374
The ''@position-try'' Rule {#fallback-rule}
@@ -1439,13 +1439,13 @@ without using ''@position-try'' at all.
1439
1439
1440
1440
<!-- Big Text: apply
1441
1441
1442
- ███▌ ████▌ ████▌ █▌ █ ▐▌
1443
- ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1444
- █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1445
- █▌ █▌ ████▌ ████▌ █▌ ▐▌█
1446
- █████▌ █▌ █▌ █▌ █▌
1447
- █▌ █▌ █▌ █▌ █▌ █▌
1448
- █▌ █▌ █▌ █▌ █████ █▌
1442
+ ███▌ ████▌ ████▌ █▌ █ ▐▌
1443
+ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1444
+ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1445
+ █▌ █▌ ████▌ ████▌ █▌ ▐▌█
1446
+ █████▌ █▌ █▌ █▌ █▌
1447
+ █▌ █▌ █▌ █▌ █▌ █▌
1448
+ █▌ █▌ █▌ █▌ █████ █▌
1449
1449
-->
1450
1450
1451
1451
Applying Position Fallback {#fallback-apply}
@@ -1574,7 +1574,7 @@ This limit must be <em>at least</em> five.
1574
1574
1575
1575
<!-- Big Text: anim
1576
1576
1577
- ███▌ █ █▌ ████ █ █
1577
+ ███▌ █ █▌ ████ █ █
1578
1578
▐█ ▐█ █▌ █▌ ▐▌ ██ ██
1579
1579
█▌ █▌ ██▌ █▌ ▐▌ █▌█ █▐█
1580
1580
█▌ █▌ █▌▐█ █▌ ▐▌ █▌ █ ▐█
@@ -1728,11 +1728,11 @@ using existing JS APIs (such as {{Element/getBoundingClientRect()}}).
1728
1728
1729
1729
<!-- Big Text: cssom
1730
1730
1731
- ███▌ ███▌ ███▌ ███▌ █ █
1731
+ ███▌ ███▌ ███▌ ███▌ █ █
1732
1732
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██ ██
1733
- █▌ █▌ █▌ █▌ █▌ █▌█ █▐█
1734
- █▌ ███▌ ███▌ █▌ █▌ █▌ █ ▐█
1735
- █▌ █▌ █▌ █▌ █▌ █▌ ▐█
1733
+ █▌ █▌ █▌ █▌ █▌ █▌█ █▐█
1734
+ █▌ ███▌ ███▌ █▌ █▌ █▌ █ ▐█
1735
+ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
1736
1736
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
1737
1737
███▌ ███▌ ███▌ ███▌ █▌ ▐█
1738
1738
-->
0 commit comments