Skip to content

Commit

Permalink
[css-align-3] Define alignment of static-positioned abspos under absp…
Browse files Browse the repository at this point in the history
…os, simply matching the alignment container to the static position rectangle. #1432 <https://lists.w3.org/Archives/Public/www-style/2018Jul/0028.html>
  • Loading branch information
fantasai committed Aug 15, 2018
1 parent efa1789 commit 829a074
Showing 1 changed file with 6 additions and 63 deletions.
69 changes: 6 additions & 63 deletions css-align-3/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -1365,7 +1365,6 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>

This section describes the effect of 'justify-self'
on how the margin box of an absolutely-positioned box
which is not statically-positioned
is positioned with respect to its (absolute-positioning) containing block.

<table class="data align-details">
Expand All @@ -1379,6 +1378,9 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
The box's <a>containing block</a>,
as modified by the inset properties ('top'/'right'/'bottom'/'left'),
assuming the <a>writing mode</a> of the <a>containing block</a>.
If both inset properties in the relevant axis are ''left/auto'',
then use the box’s <a>static position rectangle</a>
(i.e. set both insets to the box’s <a>static position</a>).
<tr>
<th><a>Alignment Subject</a>
<td>
Expand Down Expand Up @@ -1422,37 +1424,6 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
see [[#justify-abspos-static]].)
</table>

### Static Position of Absolutely-Positioned Boxes ### {#justify-abspos-static}

This section describes the effect of 'justify-self'
on how the margin box of an absolutely-positioned box
which is statically-positioned
is positioned with respect to its <a>static-position rectangle</a>.

<table class="data align-details">
<tr>
<th>'justify-self' Axis
<td>
The inline/row/main axis of the box's parent box.
<tr>
<th><a>Alignment Container</a>
<td>
The box's <a>static-position rectangle</a>,
as defined by its parent box's layout mode,
assuming the <a>writing mode</a> of the <a href="https://www.w3.org/TR/CSS2/visudet.html#static-position">static-position containing block</a>.
<tr>
<th><a>Alignment Subject</a>
<td>
The box's margin box <em>after</em> laying out the box,
treated as fixed-size for the purpose of alignment,
assuming the <a>writing mode</a> of the box.
<tr>
<th>''justify-self/normal'' Behavior
<td>
Behaves as ''flex-start''
(the fallback of ''justify-self/stretch'' for fixed-size boxes).
</table>

### Table Cells ### {#justify-cell}

This property does not apply to table cells,
Expand Down Expand Up @@ -1574,6 +1545,9 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
as modified by the inset properties
('top'/'right'/'bottom'/'left'),
assuming the <a>writing mode</a> of the <a>containing block</a>.
If both inset properties in the relevant axis are ''left/auto'',
then use the box’s <a>static position rectangle</a>
(i.e. set both insets to the box’s <a>static position</a>).
<tr>
<th><a>Alignment Subject</a>
<td>
Expand Down Expand Up @@ -1617,37 +1591,6 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
see [[#align-abspos-static]].)
</table>

### Static Position of Absolutely-Positioned Boxes ### {#align-abspos-static}

This section describes the effect of 'align-self'
on how the margin box of an absolutely-positioned box
which is statically-positioned
is positioned with respect to its <a>static-position rectangle</a>.

<table class="data align-details">
<tr>
<th>'align-self' Axis
<td>
The block/column/cross axis of the box's parent box.
<tr>
<th><a>Alignment Container</a>
<td>
The box's <a>static-position rectangle</a>,
as defined by its parent box's layout mode,
assuming the <a>writing mode</a> of the <a href="https://www.w3.org/TR/CSS2/visudet.html#static-position">static-position containing block</a>.
<tr>
<th><a>Alignment Subject</a>
<td>
The box's margin box <em>after</em> laying out the box,
treated as fixed-size for the purpose of alignment,
assuming the <a>writing mode</a> of the box.
<tr>
<th>''align-self/normal'' Behavior
<td>
Behaves as ''flex-start''
(the fallback of ''align-self/stretch'' for fixed-size boxes).
</table>

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

This property does not apply to table cells,
Expand Down

0 comments on commit 829a074

Please sign in to comment.