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
+9-10Lines changed: 9 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -607,7 +607,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
607
607
<a href="#alignment-values">as described by its alignment value</a>.
608
608
609
609
The <dfn value for="justify-self">auto</dfn> keyword computes to
610
-
''<item-position>/stretch'' on absolutely-positioned elements,
610
+
itself on absolutely-positioned elements,
611
611
and to the computed value of 'justify-items' on the parent
612
612
(minus any ''legacy'' keywords) on all other boxes.
613
613
@@ -654,7 +654,8 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
654
654
are ignored in favor of alignment as specified here
655
655
and the used value of the offset properties are not adjusted to correct for the over-constraint.
656
656
657
-
The ''<item-position>/stretch'' keyword is equivalent to ''start'' on replaced absolutely-positioned boxes.
657
+
The ''justify-self/auto'' keyword is equivalent to ''start'' on replaced absolutely-positioned boxes,
658
+
and equivalent to ''<item-position>/stretch'' on all other absolutely-positioned boxes.
658
659
(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)
659
660
660
661
<dt>Table Cells:
@@ -711,7 +712,7 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
711
712
<a href="#alignment-values">as described by its alignment value</a>.
712
713
713
714
The <dfn value for="align-self">auto</dfn> keyword computes to
714
-
''<item-position>/stretch'' on absolutely-positioned elements,
715
+
itself on absolutely-positioned elements,
715
716
and to the computed value of 'align-items' on the parent
716
717
(minus any ''legacy'' keywords) on all other boxes.
717
718
@@ -744,7 +745,8 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
744
745
are ignored in favor of alignment as specified here
745
746
and the used value of the offset properties are not adjusted to correct for the over-constraint.
746
747
747
-
The ''<item-position>/stretch'' keyword is equivalent to ''start'' on replaced absolutely-positioned boxes.
748
+
The ''align-self/auto'' keyword is equivalent to ''start'' on replaced absolutely-positioned boxes,
749
+
and equivalent to ''<item-position>/stretch'' on all other absolutely-positioned boxes.
748
750
(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)
749
751
750
752
<dt>Table Cells:
@@ -1046,12 +1048,9 @@ Changes</h2>
1046
1048
1047
1049
Changes since the <a href="http://www.w3.org/TR/2013/WD-css3-align-20130514/">previous Working Draft</a> include:
1048
1050
1049
-
<ul>
1050
-
<li>
1051
-
Added ''last-baseline'' keyword.
1052
-
<li>
1053
-
Improved details of baseline alignment.
1054
-
</ul>
1051
+
* Added ''last-baseline'' keyword.
1052
+
* Improved details of baseline alignment.
1053
+
* Changed handling of ''justify-self/auto''/''<item-position>/stretch'' for block-level and abspos elements in 'justify-self'/'align-self' to be more powerful and less confusing.
are ignored in favor of alignment as specified here
761
761
and the used value of the offset properties are not adjusted to correct for the over-constraint.</p>
762
762
763
-
<p>The <aclass=cssdata-link-for="" data-link-type=maybehref=#valdef-item-position-stretch>stretch</a> keyword is equivalent to <aclass=cssdata-link-type=maybehref=#valdef-item-position-content-position-start>start</a> on replaced absolutely-positioned boxes.
763
+
<p>The <aclass=cssdata-link-for=justify-selfdata-link-type=maybehref=#valdef-justify-self-auto>auto</a> keyword is equivalent to <aclass=cssdata-link-type=maybehref=#valdef-item-position-content-position-start>start</a> on replaced absolutely-positioned boxes,
764
+
and equivalent to <aclass=cssdata-link-for="" data-link-type=maybehref=#valdef-item-position-stretch>stretch</a> on all other absolutely-positioned boxes.
764
765
(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)</p>
are ignored in favor of alignment as specified here
841
842
and the used value of the offset properties are not adjusted to correct for the over-constraint.</p>
842
843
843
-
<p>The <aclass=cssdata-link-for="" data-link-type=maybehref=#valdef-item-position-stretch>stretch</a> keyword is equivalent to <aclass=cssdata-link-type=maybehref=#valdef-item-position-content-position-start>start</a> on replaced absolutely-positioned boxes.
844
+
<p>The <aclass=cssdata-link-for=align-selfdata-link-type=maybehref=#valdef-align-self-auto>auto</a> keyword is equivalent to <aclass=cssdata-link-type=maybehref=#valdef-item-position-content-position-start>start</a> on replaced absolutely-positioned boxes,
845
+
and equivalent to <aclass=cssdata-link-for="" data-link-type=maybehref=#valdef-item-position-stretch>stretch</a> on all other absolutely-positioned boxes.
844
846
(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)</p>
<lidata-md=""><p>Improved details of baseline alignment.</p>
1130
+
<lidata-md=""><p>Changed handling of <aclass=cssdata-link-for=justify-selfdata-link-type=maybehref=#valdef-justify-self-auto>auto</a>/<aclass=cssdata-link-for="" data-link-type=maybehref=#valdef-item-position-stretch>stretch</a> for block-level and abspos elements in <aclass=propertydata-link-type=propdeschref=#propdef-justify-self>justify-self</a>/<aclass=propertydata-link-type=propdeschref=#propdef-align-self>align-self</a> to be more powerful and less confusing.</p>
0 commit comments