Skip to content

Commit 100c3a7

Browse files
committed
Move the staticpos calculation to its own section, as it actually redefines every single aspect of positioning.
1 parent 88ef8f3 commit 100c3a7

1 file changed

Lines changed: 44 additions & 10 deletions

File tree

css-align/Overview.bs

Lines changed: 44 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -899,12 +899,29 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
899899

900900
If either offset property in this dimension is ''top/auto'',
901901
'justify-self' has no effect.
902+
</table>
903+
904+
### Static Position of Absolutely-Positioned Boxes ### {#justify-abspos-static}
902905

903-
For the purpose of determining the static position,
904-
the <a>alignment container</a> is instead the <a>static-position rectangle</a>
905-
defined by the element's parent's layout mode,
906-
and the element is treated as having zero offsets in every axis
907-
(so this property <em>does</em> have an effect).
906+
<table class="data align-details">
907+
<tr>
908+
<th>'justify-self' Axis
909+
<td>
910+
The same axis that 'justify-self' corresponds to for in-flow children of the element's parent
911+
<tr>
912+
<th><a>Alignment Container</a>
913+
<td>
914+
The element's <a>static-position rectangle</a>,
915+
as defined by its parent's layout mode.
916+
<tr>
917+
<th><a>Alignment Subject</a>
918+
<td>
919+
The element's margin box <em>after</em> laying out the element,
920+
treated as fixed-size for the purpose of alignment.
921+
<tr>
922+
<th>''justify-self/normal'' Behavior
923+
<td>
924+
Behaves as (the fallback for) ''justify-self/stretch'' (because it is treated as fixed-size).
908925
</table>
909926

910927
### Table Cells ### {#justify-cell}
@@ -1026,12 +1043,29 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
10261043

10271044
If either offset property in this dimension is ''top/auto'',
10281045
'align-self' has no effect.
1046+
</table>
1047+
1048+
### Static Position of Absolutely-Positioned Boxes ### {#align-abspos-static}
10291049

1030-
For the purpose of determining the static position,
1031-
the <a>alignment container</a> is instead the <a>static-position rectangle</a>
1032-
defined by the element's parent's layout mode,
1033-
and the element is treated as having zero offsets in every axis
1034-
(so this property <em>does</em> have an effect).
1050+
<table class="data align-details">
1051+
<tr>
1052+
<th>'align-self' Axis
1053+
<td>
1054+
The same axis that 'align-self' corresponds to for in-flow children of the element's parent
1055+
<tr>
1056+
<th><a>Alignment Container</a>
1057+
<td>
1058+
The element's <a>static-position rectangle</a>,
1059+
as defined by its parent's layout mode.
1060+
<tr>
1061+
<th><a>Alignment Subject</a>
1062+
<td>
1063+
The element's margin box <em>after</em> laying out the element,
1064+
treated as fixed-size for the purpose of alignment.
1065+
<tr>
1066+
<th>''align-self/normal'' Behavior
1067+
<td>
1068+
Behaves as (the fallback for) ''align-self/stretch'' (because it is treated as fixed-size).
10351069
</table>
10361070

10371071
### Table Cells ### {#align-cell}

0 commit comments

Comments
 (0)