Skip to content

Commit 829a074

Browse files
committed
[css-align-3] Define alignment of static-positioned abspos under abspos, simply matching the alignment container to the static position rectangle. #1432 <https://lists.w3.org/Archives/Public/www-style/2018Jul/0028.html>
1 parent efa1789 commit 829a074

File tree

1 file changed

+6
-63
lines changed

1 file changed

+6
-63
lines changed

css-align-3/Overview.bs

Lines changed: 6 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1365,7 +1365,6 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
13651365

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

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

1425-
### Static Position of Absolutely-Positioned Boxes ### {#justify-abspos-static}
1426-
1427-
This section describes the effect of 'justify-self'
1428-
on how the margin box of an absolutely-positioned box
1429-
which is statically-positioned
1430-
is positioned with respect to its <a>static-position rectangle</a>.
1431-
1432-
<table class="data align-details">
1433-
<tr>
1434-
<th>'justify-self' Axis
1435-
<td>
1436-
The inline/row/main axis of the box's parent box.
1437-
<tr>
1438-
<th><a>Alignment Container</a>
1439-
<td>
1440-
The box's <a>static-position rectangle</a>,
1441-
as defined by its parent box's layout mode,
1442-
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>.
1443-
<tr>
1444-
<th><a>Alignment Subject</a>
1445-
<td>
1446-
The box's margin box <em>after</em> laying out the box,
1447-
treated as fixed-size for the purpose of alignment,
1448-
assuming the <a>writing mode</a> of the box.
1449-
<tr>
1450-
<th>''justify-self/normal'' Behavior
1451-
<td>
1452-
Behaves as ''flex-start''
1453-
(the fallback of ''justify-self/stretch'' for fixed-size boxes).
1454-
</table>
1455-
14561427
### Table Cells ### {#justify-cell}
14571428

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

1620-
### Static Position of Absolutely-Positioned Boxes ### {#align-abspos-static}
1621-
1622-
This section describes the effect of 'align-self'
1623-
on how the margin box of an absolutely-positioned box
1624-
which is statically-positioned
1625-
is positioned with respect to its <a>static-position rectangle</a>.
1626-
1627-
<table class="data align-details">
1628-
<tr>
1629-
<th>'align-self' Axis
1630-
<td>
1631-
The block/column/cross axis of the box's parent box.
1632-
<tr>
1633-
<th><a>Alignment Container</a>
1634-
<td>
1635-
The box's <a>static-position rectangle</a>,
1636-
as defined by its parent box's layout mode,
1637-
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>.
1638-
<tr>
1639-
<th><a>Alignment Subject</a>
1640-
<td>
1641-
The box's margin box <em>after</em> laying out the box,
1642-
treated as fixed-size for the purpose of alignment,
1643-
assuming the <a>writing mode</a> of the box.
1644-
<tr>
1645-
<th>''align-self/normal'' Behavior
1646-
<td>
1647-
Behaves as ''flex-start''
1648-
(the fallback of ''align-self/stretch'' for fixed-size boxes).
1649-
</table>
1650-
16511594
### Table Cells ### {#align-cell}
16521595

16531596
This property does not apply to table cells,

0 commit comments

Comments
 (0)