[css-anchor-position] Rename center-* to span*, all to span-all. #9862

Author: tabatkins

css-anchor-position-1/Overview.bs

@@ -107,11 +107,11 @@ Determining the Anchor {#determining}
 <!-- Big Text: a-name
 
  ███▌        █    █▌  ███▌  █     █ █████▌
-▐█ ▐█        █▌   █▌ ▐█ ▐█  ██   ██ █▌    
-█▌  █▌       ██▌  █▌ █▌  █▌ █▌█ █▐█ █▌    
-█▌  █▌ ████▌ █▌▐█ █▌ █▌  █▌ █▌ █ ▐█ ████  
-█████▌       █▌  ██▌ █████▌ █▌   ▐█ █▌    
-█▌  █▌       █▌   █▌ █▌  █▌ █▌   ▐█ █▌    
+▐█ ▐█        █▌   █▌ ▐█ ▐█  ██   ██ █▌
+█▌  █▌       ██▌  █▌ █▌  █▌ █▌█ █▐█ █▌
+█▌  █▌ ████▌ █▌▐█ █▌ █▌  █▌ █▌ █ ▐█ ████
+█████▌       █▌  ██▌ █████▌ █▌   ▐█ █▌
+█▌  █▌       █▌   █▌ █▌  █▌ █▌   ▐█ █▌
 █▌  █▌       █▌   ▐▌ █▌  █▌ █▌   ▐█ █████▌
 -->
 
@@ -280,12 +280,12 @@ or nothing (a missing specifier).
 <!-- Big Text: default
 
 ████▌  █████▌ █████▌  ███▌  █▌  █▌ █▌    █████▌
-█▌  █▌ █▌     █▌     ▐█ ▐█  █▌  █▌ █▌      █▌  
-█▌  █▌ █▌     █▌     █▌  █▌ █▌  █▌ █▌      █▌  
-█▌  █▌ ████   ████   █▌  █▌ █▌  █▌ █▌      █▌  
-█▌  █▌ █▌     █▌     █████▌ █▌  █▌ █▌      █▌  
-█▌  █▌ █▌     █▌     █▌  █▌ █▌  █▌ █▌      █▌  
-████▌  █████▌ █▌     █▌  █▌  ███▌  █████   █▌  
+█▌  █▌ █▌     █▌     ▐█ ▐█  █▌  █▌ █▌      █▌
+█▌  █▌ █▌     █▌     █▌  █▌ █▌  █▌ █▌      █▌
+█▌  █▌ ████   ████   █▌  █▌ █▌  █▌ █▌      █▌
+█▌  █▌ █▌     █▌     █████▌ █▌  █▌ █▌      █▌
+█▌  █▌ █▌     █▌     █▌  █▌ █▌  █▌ █▌      █▌
+████▌  █████▌ █▌     █▌  █▌  ███▌  █████   █▌
 -->
 
 <h3 id=anchor-default>
@@ -352,8 +352,8 @@ to explicitly refer to edges of an [=anchor element=].
 
 <!-- Big Text: inset-area
 
-████ █    █▌  ███▌  █████▌ █████▌        ███▌  ████▌  █████▌  ███▌ 
- ▐▌  █▌   █▌ █▌  █▌ █▌       █▌         ▐█ ▐█  █▌  █▌ █▌     ▐█ ▐█ 
+████ █    █▌  ███▌  █████▌ █████▌        ███▌  ████▌  █████▌  ███▌
+ ▐▌  █▌   █▌ █▌  █▌ █▌       █▌         ▐█ ▐█  █▌  █▌ █▌     ▐█ ▐█
  ▐▌  ██▌  █▌ █▌     █▌       █▌         █▌  █▌ █▌  █▌ █▌     █▌  █▌
  ▐▌  █▌▐█ █▌  ███▌  ████     █▌   ████▌ █▌  █▌ ████▌  ████   █▌  █▌
  ▐▌  █▌  ██▌     █▌ █▌       █▌         █████▌ █▌▐█   █▌     █████▌
@@ -384,27 +384,27 @@ Its syntax is:
 
 <pre class=prod>
 <dfn>&lt;inset-area></dfn> = [
-	[ left | center | right | center-left | center-right
-	| x-start | x-end | center-x-start | center-x-end
-	| x-self-start | x-self-end | center-x-self-start | center-x-self-end
-	| all ]
+	[ 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 | center-top | center-bottom
-	| y-start | y-end | center-y-start | center-y-end
-	| y-self-start | y-self-end | center-y-self-start | center-y-self-end
-	| 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 | center-block-start | center-block-end
-	| self-block-start | self-block-end | center-self-block-start | center-self-block-end
-	| all ]
+	[ block-start | center | block-end | span-block-start | span-block-end
+	| self-block-start | self-block-end | span-self-block-start | span-self-block-end
+	| span-all ]
 	||
-	[ inline-start | center | inline-end | center-inline-start | center-inline-end
-	| self-inline-start | self-inline-end | center-self-inline-start | center-self-inline-end
-	| all ]
+	[ inline-start | center | inline-end | span-inline-start | span-inline-end
+	| self-inline-start | self-inline-end | span-self-inline-start | span-self-inline-end
+	| span-all ]
 |
-	[ start | center | end | center-start | center-end | all ]{1,2}
+	[ start | center | end | span-start | span-end | span-all ]{1,2}
 |
-	[ self-start | center | self-end | center-self-start | center-self-end | all ]{1,2}
+	[ self-start | center | self-end | span-self-start | span-self-end | span-all ]{1,2}
 ]
 </pre>
 
@@ -483,28 +483,28 @@ with each of the two keywords specifying one of them:
 		are identical,
 		but refer to the element's own writing mode.
 
-	: <dfn>center-start</dfn>, <dfn>center-end</dfn>
-	: <dfn>center-top</dfn>, <dfn>center-bottom</dfn>
-	: <dfn>center-y-start</dfn>, <dfn>center-y-end</dfn>
-	: <dfn>center-x-start</dfn>, <dfn>center-x-end</dfn>
-	: <dfn>center-block-start</dfn>, <dfn>center-block-end</dfn>
-	: <dfn>center-inline-start</dfn>, <dfn>center-inline-end</dfn>
+	: <dfn>span-start</dfn>, <dfn>span-end</dfn>
+	: <dfn>span-top</dfn>, <dfn>span-bottom</dfn>
+	: <dfn>span-y-start</dfn>, <dfn>span-y-end</dfn>
+	: <dfn>span-x-start</dfn>, <dfn>span-x-end</dfn>
+	: <dfn>span-block-start</dfn>, <dfn>span-block-end</dfn>
+	: <dfn>span-inline-start</dfn>, <dfn>span-inline-end</dfn>
 	:: Two 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, ''center-top'' spans the first two rows--
+		(For example, ''span-top'' spans the first two rows--
 		the center row and the top row.)
 
-	: <dfn>all</dfn>
+	: <dfn>span-all</dfn>
 	:: All three rows or columns,
 		depending on which axis this keyword is specifying.
 </dl>
 
 Some keywords are ambiguous about what axis they refer to:
-''inset-area/center'', ''inset-area/all'',
+''inset-area/center'', ''inset-area/span-all'',
 and the ''inset-area/start''/etc keywords that don't specify the block or inline axis explicitly.
 If the other keyword is unambiguous about its axis,
 then the ambiguous keyword is referring to the opposite axis.
@@ -513,13 +513,13 @@ the ''inset-area/center'' keyword is referring to the inline axis.)
 If both keywords are ambiguous, however,
 then the first refers to the block axis of the element's [=containing block=],
 and the second to the inline axis.
-(For example, ''all start'' is equivalent to ''all inline-start''.)
+(For example, ''span-all start'' is equivalent to ''span-all inline-start''.)
 
 If only a single keyword is given,
-it behaves as if the second keyword is ''inset-area/all''
+it behaves as if the second keyword is ''inset-area/span-all''
 if the given keyword is unambigous about its axis;
 otherwise, it behaves as if the given keyword was repeated.
-(For example, ''inset-area/top'' is equivalent to ''top all'',
+(For example, ''inset-area/top'' is equivalent to ''top span-all'',
 but ''inset-area/center'' is equivalent to ''center center''.)
 
 <hr>
@@ -536,15 +536,15 @@ is ''align-self/normal'':
 
 <div class=example>
 	For example, assuming an English-equivalent writing mode (horizontal-tb, ltr),
-	then the value ''center-x-start top'' resolves to
+	then the value ''span-x-start top'' resolves to
 	the "start" region of the vertical axis,
 	and the "start" and "center" regions of the horizontal axis,
 	so the default alignments will be ''align-self: end;'' and ''justify-self: anchor-center;''
 
 	<figure>
 		<img src="images/inset-area-example.png" width=400>
 		<figcaption>
-			An example of ''inset-area: center-x-start top'' positioning.
+			An example of ''inset-area: span-x-start top'' positioning.
 		</figcaption>
 </div>
 
@@ -555,13 +555,13 @@ some of the [=inset-area grid's=] rows or columns can be zero-sized.
 
 <!-- Big Text: anchor()
 
- ███▌  █    █▌  ███▌  █▌  █▌  ███▌  ████▌    ██ ██  
-▐█ ▐█  █▌   █▌ █▌  █▌ █▌  █▌ █▌  █▌ █▌  █▌  █▌   ▐█ 
+ ███▌  █    █▌  ███▌  █▌  █▌  ███▌  ████▌    ██ ██
+▐█ ▐█  █▌   █▌ █▌  █▌ █▌  █▌ █▌  █▌ █▌  █▌  █▌   ▐█
 █▌  █▌ ██▌  █▌ █▌     █▌  █▌ █▌  █▌ █▌  █▌ █▌     ▐█
 █▌  █▌ █▌▐█ █▌ █▌     █████▌ █▌  █▌ ████▌  █▌     ▐█
 █████▌ █▌  ██▌ █▌     █▌  █▌ █▌  █▌ █▌▐█   █▌     ▐█
-█▌  █▌ █▌   █▌ █▌  █▌ █▌  █▌ █▌  █▌ █▌ ▐█   █▌   ▐█ 
-█▌  █▌ █▌   ▐▌  ███▌  █▌  █▌  ███▌  █▌  █▌   ██ ██  
+█▌  █▌ █▌   █▌ █▌  █▌ █▌  █▌ █▌  █▌ █▌ ▐█   █▌   ▐█
+█▌  █▌ █▌   ▐▌  ███▌  █▌  █▌  ███▌  █▌  █▌   ██ ██
 -->
 
 The ''anchor()'' Function {#anchor-pos}
@@ -740,12 +740,12 @@ as if by an additional ''translate()'' transform.
 
 <!-- Big Text: a-center
 
- ███▌         ███▌  █████▌ █    █▌ █████▌ █████▌ ████▌ 
+ ███▌         ███▌  █████▌ █    █▌ █████▌ █████▌ ████▌
 ▐█ ▐█        █▌  █▌ █▌     █▌   █▌   █▌   █▌     █▌  █▌
 █▌  █▌       █▌     █▌     ██▌  █▌   █▌   █▌     █▌  █▌
-█▌  █▌ ████▌ █▌     ████   █▌▐█ █▌   █▌   ████   ████▌ 
-█████▌       █▌     █▌     █▌  ██▌   █▌   █▌     █▌▐█  
-█▌  █▌       █▌  █▌ █▌     █▌   █▌   █▌   █▌     █▌ ▐█ 
+█▌  █▌ ████▌ █▌     ████   █▌▐█ █▌   █▌   ████   ████▌
+█████▌       █▌     █▌     █▌  ██▌   █▌   █▌     █▌▐█
+█▌  █▌       █▌  █▌ █▌     █▌   █▌   █▌   █▌     █▌ ▐█
 █▌  █▌        ███▌  █████▌ █▌   ▐▌   █▌   █████▌ █▌  █▌
 -->
 
@@ -790,12 +790,12 @@ and has no additional effect on how [=inset properties=] resolve.
 
 <!-- Big Text: scroll
 
- ███▌   ███▌  ████▌   ███▌  █▌    █▌   
-█▌  █▌ █▌  █▌ █▌  █▌ █▌  █▌ █▌    █▌   
-█▌     █▌     █▌  █▌ █▌  █▌ █▌    █▌   
- ███▌  █▌     ████▌  █▌  █▌ █▌    █▌   
-    █▌ █▌     █▌▐█   █▌  █▌ █▌    █▌   
-█▌  █▌ █▌  █▌ █▌ ▐█  █▌  █▌ █▌    █▌   
+ ███▌   ███▌  ████▌   ███▌  █▌    █▌
+█▌  █▌ █▌  █▌ █▌  █▌ █▌  █▌ █▌    █▌
+█▌     █▌     █▌  █▌ █▌  █▌ █▌    █▌
+ ███▌  █▌     ████▌  █▌  █▌ █▌    █▌
+    █▌ █▌     █▌▐█   █▌  █▌ █▌    █▌
+█▌  █▌ █▌  █▌ █▌ ▐█  █▌  █▌ █▌    █▌
  ███▌   ███▌  █▌  █▌  ███▌  █████ █████
 -->
 
@@ -892,13 +892,13 @@ it resolves to ''0px''.
 
 <!-- Big Text: a-size()
 
- ███▌         ███▌  ████ █████▌ █████▌   ██ ██  
-▐█ ▐█        █▌  █▌  ▐▌      ▐▌ █▌      █▌   ▐█ 
+ ███▌         ███▌  ████ █████▌ █████▌   ██ ██
+▐█ ▐█        █▌  █▌  ▐▌      ▐▌ █▌      █▌   ▐█
 █▌  █▌       █▌      ▐▌     ▐▌  █▌     █▌     ▐█
 █▌  █▌ ████▌  ███▌   ▐▌    █▌   ████   █▌     ▐█
 █████▌           █▌  ▐▌   █     █▌     █▌     ▐█
-█▌  █▌       █▌  █▌  ▐▌  █      █▌      █▌   ▐█ 
-█▌  █▌        ███▌  ████ █████▌ █████▌   ██ ██  
+█▌  █▌       █▌  █▌  ▐▌  █      █▌      █▌   ▐█
+█▌  █▌        ███▌  ████ █████▌ █████▌   ██ ██
 -->
 
 Anchor-Based Sizing {#sizing}
@@ -971,11 +971,11 @@ it resolves to ''0px''.
 <!-- Big Text: fallback
 
 █████▌  ███▌  █▌    █▌    ████▌   ███▌   ███▌  █▌  █▌
-█▌     ▐█ ▐█  █▌    █▌    █▌  █▌ ▐█ ▐█  █▌  █▌ █▌ █▌ 
-█▌     █▌  █▌ █▌    █▌    █▌  █▌ █▌  █▌ █▌     █▌█▌  
-████   █▌  █▌ █▌    █▌    █████  █▌  █▌ █▌     ██    
-█▌     █████▌ █▌    █▌    █▌  █▌ █████▌ █▌     █▌█▌  
-█▌     █▌  █▌ █▌    █▌    █▌  █▌ █▌  █▌ █▌  █▌ █▌ █▌ 
+█▌     ▐█ ▐█  █▌    █▌    █▌  █▌ ▐█ ▐█  █▌  █▌ █▌ █▌
+█▌     █▌  █▌ █▌    █▌    █▌  █▌ █▌  █▌ █▌     █▌█▌
+████   █▌  █▌ █▌    █▌    █████  █▌  █▌ █▌     ██
+█▌     █████▌ █▌    █▌    █▌  █▌ █████▌ █▌     █▌█▌
+█▌     █▌  █▌ █▌    █▌    █▌  █▌ █▌  █▌ █▌  █▌ █▌ █▌
 █▌     █▌  █▌ █████ █████ ████▌  █▌  █▌  ███▌  █▌  █▌
 -->
 
@@ -1105,14 +1105,14 @@ Values have the following meanings:
 		with the given value.
 </dl>
 
-<!-- Big Text: -order 
+<!-- Big Text: -order
 
-       ███▌  ████▌  ████▌  █████▌ ████▌ 
+       ███▌  ████▌  ████▌  █████▌ ████▌
       █▌  █▌ █▌  █▌ █▌  █▌ █▌     █▌  █▌
       █▌  █▌ █▌  █▌ █▌  █▌ █▌     █▌  █▌
-████▌ █▌  █▌ ████▌  █▌  █▌ ████   ████▌ 
-      █▌  █▌ █▌▐█   █▌  █▌ █▌     █▌▐█  
-      █▌  █▌ █▌ ▐█  █▌  █▌ █▌     █▌ ▐█ 
+████▌ █▌  █▌ ████▌  █▌  █▌ ████   ████▌
+      █▌  █▌ █▌▐█   █▌  █▌ █▌     █▌▐█
+      █▌  █▌ █▌ ▐█  █▌  █▌ █▌     █▌ ▐█
        ███▌  █▌  █▌ ████▌  █████▌ █▌  █▌
 -->
 
@@ -1270,12 +1270,12 @@ it's set to the property's initial value.
 <!-- Big Text: @pos-try
 
  ████▌  ████▌   ███▌   ███▌        █████▌ ████▌  █   ▐▌
-█▌   █▌ █▌  █▌ █▌  █▌ █▌  █▌         █▌   █▌  █▌ ▐▌  █ 
-█▌▐█ █▌ █▌  █▌ █▌  █▌ █▌             █▌   █▌  █▌  █ ▐▌ 
-█▌▐█ █▌ ████▌  █▌  █▌  ███▌  ████▌   █▌   ████▌   ▐▌█  
-█▌ ██▌  █▌     █▌  █▌     █▌         █▌   █▌▐█     █▌  
-█▌      █▌     █▌  █▌ █▌  █▌         █▌   █▌ ▐█    █▌  
- ████▌  █▌      ███▌   ███▌          █▌   █▌  █▌   █▌  
+█▌   █▌ █▌  █▌ █▌  █▌ █▌  █▌         █▌   █▌  █▌ ▐▌  █
+█▌▐█ █▌ █▌  █▌ █▌  █▌ █▌             █▌   █▌  █▌  █ ▐▌
+█▌▐█ █▌ ████▌  █▌  █▌  ███▌  ████▌   █▌   ████▌   ▐▌█
+█▌ ██▌  █▌     █▌  █▌     █▌         █▌   █▌▐█     █▌
+█▌      █▌     █▌  █▌ █▌  █▌         █▌   █▌ ▐█    █▌
+ ████▌  █▌      ███▌   ███▌          █▌   █▌  █▌   █▌
 -->
 
 The ''@position-try'' Rule {#fallback-rule}
@@ -1344,15 +1344,15 @@ without using ''@position-try'' at all.
 
 
 
-<!-- Big Text: apply 
+<!-- Big Text: apply
 
  ███▌  ████▌  ████▌  █▌    █   ▐▌
-▐█ ▐█  █▌  █▌ █▌  █▌ █▌    ▐▌  █ 
-█▌  █▌ █▌  █▌ █▌  █▌ █▌     █ ▐▌ 
-█▌  █▌ ████▌  ████▌  █▌     ▐▌█  
-█████▌ █▌     █▌     █▌      █▌  
-█▌  █▌ █▌     █▌     █▌      █▌  
-█▌  █▌ █▌     █▌     █████   █▌  
+▐█ ▐█  █▌  █▌ █▌  █▌ █▌    ▐▌  █
+█▌  █▌ █▌  █▌ █▌  █▌ █▌     █ ▐▌
+█▌  █▌ ████▌  ████▌  █▌     ▐▌█
+█████▌ █▌     █▌     █▌      █▌
+█▌  █▌ █▌     █▌     █▌      █▌
+█▌  █▌ █▌     █▌     █████   █▌
 -->
 
 Applying Position Fallback {#fallback-apply}