@@ -1365,7 +1365,6 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
1365
1365
1366
1366
This section describes the effect of 'justify-self'
1367
1367
on how the margin box of an absolutely-positioned box
1368
- which is not statically-positioned
1369
1368
is positioned with respect to its (absolute-positioning) containing block.
1370
1369
1371
1370
<table class="data align-details">
@@ -1379,6 +1378,9 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
1379
1378
The box's <a>containing block</a> ,
1380
1379
as modified by the inset properties ('top' /'right' /'bottom' /'left' ),
1381
1380
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> ).
1382
1384
<tr>
1383
1385
<th> <a>Alignment Subject</a>
1384
1386
<td>
@@ -1422,37 +1424,6 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
1422
1424
see [[#justify-abspos-static]] .)
1423
1425
</table>
1424
1426
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
-
1456
1427
### Table Cells ### {#justify-cell}
1457
1428
1458
1429
This property does not apply to table cells,
@@ -1574,6 +1545,9 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
1574
1545
as modified by the inset properties
1575
1546
('top' /'right' /'bottom' /'left' ),
1576
1547
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> ).
1577
1551
<tr>
1578
1552
<th> <a>Alignment Subject</a>
1579
1553
<td>
@@ -1617,37 +1591,6 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
1617
1591
see [[#align-abspos-static]] .)
1618
1592
</table>
1619
1593
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
-
1651
1594
### Table Cells ### {#align-cell}
1652
1595
1653
1596
This property does not apply to table cells,
0 commit comments