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
Copy file name to clipboardExpand all lines: css-align/Overview.bs
+13-16Lines changed: 13 additions & 16 deletions
Original file line number
Diff line number
Diff line change
@@ -843,18 +843,19 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
843
843
Inherited: no
844
844
Percentages: n/a
845
845
Media: visual
846
-
Computed value: specified value, except for ''justify-self/auto'' (see prose)
846
+
Computed value: specified value
847
847
Animatable: no
848
848
</pre>
849
849
850
850
Justifies the box within its containing block along the inline/row/main axis:
851
851
the box's outer edges are aligned within its <a>alignment container</a>
852
852
<a href="#alignment-values">as described by its alignment value</a>.
853
853
854
-
The <dfn value for="justify-self">auto</dfn> keyword computes to
855
-
the computed value of 'justify-items' on the parent
856
-
(minus any ''legacy'' keywords),
857
-
or ''justify-self/normal'' if the box has no parent.
854
+
The <dfn value for="justify-self">auto</dfn> keyword is interpretead as
855
+
''justify-self/normal'' if the box is absolutely positioned or has no parent,
856
+
and as the computed value of 'justify-items' on the parent
857
+
(minus any ''legacy'' keywords)
858
+
otherwise.
858
859
859
860
The <dfn value for="justify-self">normal</dfn> keyword
860
861
represents the “default” alignment for the layout mode.
@@ -1046,17 +1047,18 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
1046
1047
Inherited: no
1047
1048
Percentages: n/a
1048
1049
Media: visual
1049
-
Computed value: specified value, except for ''align-self/auto'' (see prose)
1050
+
Computed value: specified value
1050
1051
Animatable: no
1051
1052
</pre>
1052
1053
1053
1054
Aligns the box within its containing block along the block/column/cross axis:
1054
1055
the box's outer edges are aligned within its <a>alignment container</a>
1055
1056
<a href="#alignment-values">as described by its alignment value</a>.
1056
1057
1057
-
The <dfn value for="align-self">auto</dfn> keyword computes to
1058
-
the computed value of 'align-items' on the parent
1059
-
or ''align-self/normal'' if the box has no parent.
1058
+
The <dfn value for="align-self">auto</dfn> keyword is interpretead as
1059
+
''align-self/normal'' if the box is absolutely positioned or has no parent,
1060
+
and as the computed value of 'align-items' on the parent
1061
+
otherwise.
1060
1062
1061
1063
The <dfn value for="align-self">normal</dfn> keyword
1062
1064
represents the “default” alignment for the layout mode.
@@ -1523,14 +1525,9 @@ Aligning Boxes by Baseline</h3>
1523
1525
<h2 id="changes">
1524
1526
Changes</h2>
1525
1527
1526
-
Changes since the <a href="https://www.w3.org/TR/2014/WD-css-align-3-20141218/">previous Working Draft</a> include:
1528
+
Changes since the <a href="https://www.w3.org/TR/2016/WD-css-align-3-20160614/">previous Working Draft</a> include:
1527
1529
1528
-
* Switched initial values to <css>normal</css> instead of <css>auto</css>.
1529
-
* Renamed <css>true</css> to ''unsafe'' and made it the default in all layout modes.
1530
-
* Fixed handling of ''justify-self: stretch'' (and 'align-self') to allow shrinking, as defined in Flexbox.
1531
-
* Made justify/align-content:auto compute to their respective behaviors for flex and grid containers,
1532
-
and fixed other computation / “behaves as” situations.
1533
-
* Various bugfixes and editorial improvements.
1530
+
* Make ''auto'' values of 'align-self' and 'justify-self' compute to themselves.
0 commit comments