@@ -686,12 +686,12 @@ The allowed syntax of a <<position-area>> value is:
686686<dfn><position-area></dfn> = [
687687 [ left | center | right | span-left | span-right
688688 | x-start | x-end | span-x-start | span-x-end
689- | x- self-start | x- self-end | span-x- self-start | span-x- self-end
689+ | self-x- start | self-x- end | span-self-x- start | span-self-x -end
690690 | span-all ]
691691 ||
692692 [ top | center | bottom | span-top | span-bottom
693693 | y-start | y-end | span-y-start | span-y-end
694- | y- self-start | y- self-end | span-y- self-start | span-y- self-end
694+ | self-y- start | self-y- end | span-self-y- start | span-self-y -end
695695 | span-all ]
696696|
697697 [ block-start | center | block-end | span-block-start | span-block-end | span-all ]
@@ -717,8 +717,8 @@ by specifying the rows and columns the region occupies as follows:
717717<dl dfn-type=value dfn-for="position-area, <position-area> ">
718718 : <dfn>start</dfn> , <dfn>end</dfn> , <dfn>self-start</dfn> , <dfn>self-end</dfn>
719719 : <dfn>top</dfn> , <dfn>bottom</dfn> , <dfn>left</dfn> , <dfn>right</dfn>
720- : <dfn>y-start</dfn> , <dfn>y-end</dfn> , <dfn>y- self-start</dfn> , <dfn>y- self-end</dfn>
721- : <dfn>x-start</dfn> , <dfn>x-end</dfn> , <dfn>x- self-start</dfn> , <dfn>x- self-end</dfn>
720+ : <dfn>y-start</dfn> , <dfn>y-end</dfn> , <dfn>self-x- start</dfn> , <dfn>self-y -end</dfn>
721+ : <dfn>x-start</dfn> , <dfn>x-end</dfn> , <dfn>self-x- start</dfn> , <dfn>self-x -end</dfn>
722722 : <dfn>block-start</dfn> , <dfn>block-end</dfn> , <dfn>self-block-start</dfn> , <dfn>self-block-end</dfn>
723723 : <dfn>inline-start</dfn> , <dfn>inline-end</dfn> , <dfn>self-inline-start</dfn> , <dfn>self-inline-end</dfn>
724724 : <dfn>center</dfn>
@@ -733,14 +733,14 @@ by specifying the rows and columns the region occupies as follows:
733733 but in the specified physical axis.
734734
735735 The ''self-*'' logical keywords
736- (''position-area/self-start'' , ''position-area/x- self-end'' , etc)
736+ (''position-area/self-start'' , ''position-area/self-x -end'' , etc)
737737 are identical,
738738 but refer to the box's own [=writing mode=] .
739739
740740 : <dfn>span-start</dfn> , <dfn>span-end</dfn> , <dfn>span-self-start</dfn> , <dfn>span-self-end</dfn>
741741 : <dfn>span-top</dfn> , <dfn>span-bottom</dfn> , <dfn>span-left</dfn> , <dfn>span-right</dfn>
742- : <dfn>span-y-start</dfn> , <dfn>span-y-end</dfn> , <dfn>span-y- self-start</dfn> , <dfn>span-y- self-end</dfn>
743- : <dfn>span-x-start</dfn> , <dfn>span-x-end</dfn> , <dfn>span-x- self-start</dfn> , <dfn>span-x- self-end</dfn>
742+ : <dfn>span-y-start</dfn> , <dfn>span-y-end</dfn> , <dfn>span-self-y- start</dfn> , <dfn>span-self-y -end</dfn>
743+ : <dfn>span-x-start</dfn> , <dfn>span-x-end</dfn> , <dfn>span-self-x- start</dfn> , <dfn>span-self-x -end</dfn>
744744 : <dfn>span-block-start</dfn> , <dfn>span-block-end</dfn> , <dfn>span-self-block-start</dfn> , <dfn>span-self-block-end</dfn>
745745 : <dfn>span-inline-start</dfn> , <dfn>span-inline-end</dfn> , <dfn>span-self-inline-start</dfn> , <dfn>span-self-inline-end</dfn>
746746 :: Two adjacent rows or columns,
@@ -2602,6 +2602,9 @@ Significant changes since the <a href="https://www.w3.org/TR/2025/WD-css-anchor-
26022602
26032603ISSUE: Audit <a href="https://github.com/w3c/csswg-drafts/commits/main/css-anchor-position-1">changes</a> !
26042604
2605+ * Rename <css> x/y-self-start/end</css> keywords to <css> self-x/y-start/end</css> for 'position-area'
2606+ due to persistent confusion about the ordering.
2607+ (<a href="https://github.com/w3c/csswg-drafts/issues/12749">Issue 12749</a> )
26052608* Fix grammar of 'position-try-fallbacks' to exclude lists of ''position-area/none'' keywords.
26062609 (<a href="https://github.com/w3c/csswg-drafts/issues/12838">Issue 12838</a> )
26072610
0 commit comments