Skip to content

Commit 761c355

Browse files
committed
[css-align] Define how staticpos is calculated for abspos.
1 parent fc4cf2d commit 761c355

1 file changed

Lines changed: 14 additions & 2 deletions

File tree

css-align/Overview.bs

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ Previous Version: https://www.w3.org/TR/2013/WD-css3-align-20130514/
1515
Previous Version: https://www.w3.org/TR/2012/WD-css3-align-20120612/
1616
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]].)
1717
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
18+
Ignored Terms: table cell, stretch, scrollable overflow region, static position rectangle
1919
At Risk: ''last-baseline''
2020
</pre>
2121

@@ -894,11 +894,17 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
894894
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>
895895
to use <a>fit-content sizing</a> for calculating ''width/auto'' inline sizes.
896896

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
898898
just as non-replaced ones do.
899899

900900
If either offset property in this dimension is ''top/auto'',
901901
'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).
902908
</table>
903909

904910
### Table Cells ### {#justify-cell}
@@ -1020,6 +1026,12 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
10201026

10211027
If either offset property in this dimension is ''top/auto'',
10221028
'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
1034+
(so this property <em>does</em> have an effect).
10231035
</table>
10241036

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

0 commit comments

Comments
 (0)