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
<dd>If the 'width' or 'height' (as appropriate) of the <a>alignment subject</a> is ''width/auto'',
215
-
its used value is the length necessary to make the <a>alignment subject</a>’s outer size
215
+
and its outer size is smaller than the <a>alignment container</a>,
216
+
its used value is increased to the length necessary to make the <a>alignment subject</a>’s outer size
216
217
as close to the size of the <a>alignment container</a> as possible,
217
-
while still respecting the constraints imposed by 'min-height'/'max-width'/etc.
218
-
Otherwise, this is equivalent to ''start''.
218
+
while still respecting the constraints imposed by 'max-height'/'max-width'.
219
+
220
+
The <a>alignment subject</a> is then aligned as per ''flex-start''.
221
+
<span class='note'>(For layout modes other than flex layout, ''flex-start'' is identical to ''start''.)</span>
219
222
220
223
Issue: Should this value allow a fallback alignment, like the <<content-distribution>> values do?
221
224
@@ -382,7 +385,8 @@ Distributed Alignment: the ''<content-distribution>/stretch'', ''space-between''
382
385
so that the combined size exactly fills the <a>alignment container</a>,
383
386
and then clamped by their 'max-width'/'max-height' constraints.
384
387
385
-
The <a>alignment subjects</a> are then aligned as per ''flex-start''.
388
+
Unless otherwise specified,
389
+
this value falls back to ''flex-start''.
386
390
<span class='note'>(For layout modes other than flex layout, ''flex-start'' is identical to ''start''.)</span>
387
391
</dl>
388
392
@@ -1057,6 +1061,8 @@ Changes</h2>
1057
1061
* Added ''last-baseline'' keyword.
1058
1062
* Improved details of baseline alignment.
1059
1063
* 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.
1064
+
* Tightened up grammar combinations with <<overflow-position>> to be restricted to values that actually make sense.
<dd>If the <aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-width">width</a> or <aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-height">height</a> (as appropriate) of the <adata-link-type="dfn" href="#alignment-subject">alignment subject</a> is <spanclass="css" data-link-for="width">auto</span>,
614
-
its used value is the length necessary to make the <adata-link-type="dfn" href="#alignment-subject">alignment subject</a>’s outer size
614
+
and its outer size is smaller than the <adata-link-type="dfn" href="#alignment-container">alignment container</a>,
615
+
its used value is increased to the length necessary to make the <adata-link-type="dfn" href="#alignment-subject">alignment subject</a>’s outer size
615
616
as close to the size of the <adata-link-type="dfn" href="#alignment-container">alignment container</a> as possible,
616
-
while still respecting the constraints imposed by <aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a>/<aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a>/etc.
617
-
Otherwise, this is equivalent to <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-start">start</a>.
617
+
while still respecting the constraints imposed by <aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a>/<aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a>.
618
+
619
+
620
+
<p>The <adata-link-type="dfn" href="#alignment-subject">alignment subject</a> is then aligned as per <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-flex-start">flex-start</a>.
621
+
<spanclass="note" role="note">(For layout modes other than flex layout, <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-flex-start">flex-start</a> is identical to <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-start">start</a>.)</span></p>
622
+
618
623
619
624
620
625
<pclass="issue" id="issue-c363d194"><aclass="self-link" href="#issue-c363d194"></a>Should this value allow a fallback alignment, like the <aclass="production css" data-link-type="type" href="#typedef-content-distribution"><content-distribution></a> values do?</p>
and then clamped by their <aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a>/<aclass="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> constraints.
857
862
858
863
859
-
<p>The <adata-link-type="dfn" href="#alignment-subject">alignment subjects</a> are then aligned as per <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-flex-start">flex-start</a>.
864
+
<p>Unless otherwise specified,
865
+
this value falls back to <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-flex-start">flex-start</a>.
860
866
<spanclass="note" role="note">(For layout modes other than flex layout, <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-flex-start">flex-start</a> is identical to <aclass="css" data-link-type="maybe" href="#valdef-item-position-content-position-start">start</a>.)</span></p>
<p>Changed handling of <aclass="css" data-link-for="justify-self" data-link-type="maybe" href="#valdef-justify-self-auto">auto</a>/<aclass="css" data-link-for="" data-link-type="maybe" href="#valdef-item-position-stretch">stretch</a> for block-level and abspos elements in <aclass="property" data-link-type="propdesc" href="#propdef-justify-self">justify-self</a>/<aclass="property" data-link-type="propdesc" href="#propdef-align-self">align-self</a> to be more powerful and less confusing.</p>
2026
2032
2027
2033
2034
+
</li>
2035
+
<lidata-md="">
2036
+
<p>Tightened up grammar combinations with <aclass="production css" data-link-type="type" href="#typedef-overflow-position"><overflow-position></a> to be restricted to values that actually make sense.</p>
0 commit comments