@@ -660,9 +660,11 @@ The <<inset-area>> also implies a default [=self-alignment=],
660660which will be used if the [=self-alignment property=] on the element
661661is ''align-self/normal'' :
662662
663- * If the inset area includes the center region in an axis
663+ * If the only the center region in an axis is selected,
664+ or all three regions are selected,
664665 the default alignment in that axis is ''align-self/anchor-center'' .
665- * Otherwise, it's the opposite of the region it specifies:
666+ * Otherwise, the default alignment in that axis
667+ is toward the non-specified side region:
666668 if it's specifying the "start" region of its axis,
667669 the default alignment in that axis is ''align-self/end'' ; etc.
668670
@@ -671,7 +673,10 @@ is ''align-self/normal'':
671673 then the value ''span-x-start top'' resolves to
672674 the "start" region of the vertical axis,
673675 and the "start" and "center" regions of the horizontal axis,
674- so the default alignments will be ''align-self: end;'' and ''justify-self: anchor-center;''
676+ so the default alignments will be ''align-self: end''
677+ (making the element's bottom flush with the bottom of the "top" region)
678+ and ''justify-self: end''
679+ (making the element's end side flush with the end side of the "start+center" region).
675680
676681 <figure>
677682 <img src="images/inset-area-example.png" width=400>
0 commit comments