You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Abstract: This module contains the features of <a href="https://www.w3.org/TR/CSS/">CSS</a> relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. (The alignment of text and inline-level content is defined in [[CSS-TEXT-3]] and [[CSS-INLINE-3]].)
17
17
Link Defaults: selectors-3 (dfn) first formatted line, css-flexbox-1 (dfn) flex line, css-multicol-1 (dfn) multi-column element, css-fonts-3 (dfn) first available font, css21 (property) max-width/max-height/min-width/min-height, css-writing-modes-3 (dfn) dominant baseline, css-position-3 (property) left, css-cascade-3 (value) initial
18
-
Ignored Terms: table cell, stretch, scrollable overflow region
@@ -894,11 +894,17 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
894
894
Values other than ''justify-self/stretch'' cause <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">non-replaced absolutely-positioned boxes</a>
895
895
to use <a>fit-content sizing</a> for calculating ''width/auto'' inline sizes.
896
896
897
-
Note that ''justify-self/stretch'' does cause replaced absolutely-positioned elements to fill their containing block
897
+
Note that ''justify-self/stretch''<em>does</em> cause replaced absolutely-positioned elements to fill their containing block
898
898
just as non-replaced ones do.
899
899
900
900
If either offset property in this dimension is ''top/auto'',
901
901
'justify-self' has no effect.
902
+
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).
902
908
</table>
903
909
904
910
### Table Cells ### {#justify-cell}
@@ -1020,6 +1026,12 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
1020
1026
1021
1027
If either offset property in this dimension is ''top/auto'',
1022
1028
'align-self' has no effect.
1029
+
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
0 commit comments