Skip to content

Commit 1f340f2

Browse files
committed
1 parent 3ba331a commit 1f340f2

2 files changed

Lines changed: 23 additions & 9 deletions

File tree

css-align/Overview.bs

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -626,7 +626,7 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
626626
the box's outer edges are aligned within its <a>alignment container</a>
627627
<a href="#alignment-values">as described by its alignment value</a>.
628628

629-
The <dfn value for="justify-self, align-self">auto</dfn> keyword computes to
629+
The <dfn value for="justify-self">auto</dfn> keyword computes to
630630
itself on absolutely-positioned elements,
631631
and to the computed value of 'justify-items' on the parent
632632
(minus any ''legacy'' keywords) on all other boxes,
@@ -741,7 +741,14 @@ Block/Cross-Axis Alignment: the 'align-self' property</h3>
741741
the box's outer edges are aligned within its <a>alignment container</a>
742742
<a href="#alignment-values">as described by its alignment value</a>.
743743

744-
The ''align-self/auto'' and ''align-self/stretch'' keywords are as defined in [[#justify-self-property]].
744+
The <dfn value for="align-self">auto</dfn> keyword computes to
745+
itself on absolutely-positioned elements,
746+
and to the computed value of 'align-items' on the parent
747+
(minus any ''legacy'' keywords) on all other boxes,
748+
or ''align-self/start'' if the box has no parent.
749+
Its behavior depends on the layout model, as described for 'justify-self'.
750+
751+
The ''align-self/stretch'' keyword is as defined in [[#justify-self-property]].
745752

746753
All other values are as defined in [[#alignment-values]], above.
747754

css-align/Overview.html

Lines changed: 14 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ <h2 class="no-num no-toc no-ref heading settled" id="status"><span class="conten
110110
W3C maintains a <a href="http://www.w3.org/2004/01/pp-impl/32061/status" rel="disclosure">public list of any patent disclosures</a> made in connection with the deliverables of the group;
111111
that page also includes instructions for disclosing a patent.
112112
An individual who has actual knowledge of a patent which the individual believes contains <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>. </p>
113-
<p> This document is governed by the <a href="http://www.w3.org/2014/Process-20140801/" id="w3c_process_revision">1 August 2014 W3C Process Document</a>. </p>
113+
<p> This document is governed by the <a href="http://www.w3.org/2015/Process-20150901/" id="w3c_process_revision">1 September 2015 W3C Process Document</a>. </p>
114114
<p></p>
115115
</div>
116116
<div data-fill-with="at-risk">
@@ -603,7 +603,7 @@ <h3 class="heading settled" data-level="5.1" id="justify-self-property"><span cl
603603
</table>
604604
<p>Justifies the box within its parent along the inline/row/main axis:
605605
the box’s outer edges are aligned within its <a data-link-type="dfn" href="#alignment-container">alignment container</a> <a href="#alignment-values">as described by its alignment value</a>.</p>
606-
<p>The <dfn class="css" data-dfn-for="justify-self, align-self" data-dfn-type="value" data-export="" id="valdef-justify-self-auto">auto<a class="self-link" href="#valdef-justify-self-auto"></a></dfn> keyword computes to
606+
<p>The <dfn class="css" data-dfn-for="justify-self" data-dfn-type="value" data-export="" id="valdef-justify-self-auto">auto<a class="self-link" href="#valdef-justify-self-auto"></a></dfn> keyword computes to
607607
itself on absolutely-positioned elements,
608608
and to the computed value of <a class="property" data-link-type="propdesc" href="#propdef-justify-items">justify-items</a> on the parent
609609
(minus any <a class="css" data-link-type="maybe" href="#valdef-justify-items-legacy">legacy</a> keywords) on all other boxes,
@@ -695,14 +695,20 @@ <h3 class="heading settled" data-level="5.2" id="align-self-property"><span clas
695695
<td>visual
696696
<tr>
697697
<th>Computed value:
698-
<td>specified value, except for <a class="css" data-link-type="maybe" href="#valdef-justify-self-auto">auto</a> (see prose)
698+
<td>specified value, except for <a class="css" data-link-type="maybe" href="#valdef-align-self-auto">auto</a> (see prose)
699699
<tr>
700700
<th>Animatable:
701701
<td>no
702702
</table>
703703
<p>Aligns the box within its parent along the block/column/cross axis:
704704
the box’s outer edges are aligned within its <a data-link-type="dfn" href="#alignment-container">alignment container</a> <a href="#alignment-values">as described by its alignment value</a>.</p>
705-
<p>The <a class="css" data-link-type="maybe" href="#valdef-justify-self-auto">auto</a> and <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-stretch">stretch</a> keywords are as defined in <a href="#justify-self-property">§5.1 Inline/Main-Axis Alignment: the justify-self property</a>.</p>
705+
<p>The <dfn class="css" data-dfn-for="align-self" data-dfn-type="value" data-export="" id="valdef-align-self-auto">auto<a class="self-link" href="#valdef-align-self-auto"></a></dfn> keyword computes to
706+
itself on absolutely-positioned elements,
707+
and to the computed value of <a class="property" data-link-type="propdesc" href="#propdef-align-items">align-items</a> on the parent
708+
(minus any <a class="css" data-link-type="maybe" href="#valdef-justify-items-legacy">legacy</a> keywords) on all other boxes,
709+
or <span class="css">start</span> if the box has no parent.
710+
Its behavior depends on the layout model, as described for <a class="property" data-link-type="propdesc" href="#propdef-justify-self">justify-self</a>.</p>
711+
<p>The <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-stretch">stretch</a> keyword is as defined in <a href="#justify-self-property">§5.1 Inline/Main-Axis Alignment: the justify-self property</a>.</p>
706712
<p>All other values are as defined in <a href="#alignment-values">§3 Alignment Values</a>, above.</p>
707713
<hr>
708714
<dl>
@@ -728,7 +734,7 @@ <h3 class="heading settled" data-level="5.2" id="align-self-property"><span clas
728734
In terms of CSS2.1 formatting <a data-link-type="biblio" href="#biblio-css21">[CSS21]</a>,
729735
the rules for "over-constrained" computations in <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-height">section 10.6.4</a> are ignored in favor of alignment as specified here
730736
and the used value of the offset properties are not adjusted to correct for the over-constraint.</p>
731-
<p>The <a class="css" data-link-type="maybe" href="#valdef-justify-self-auto">auto</a> keyword is equivalent to <a class="css" data-link-type="maybe" href="#valdef-self-position-start">start</a> on replaced absolutely-positioned boxes,
737+
<p>The <a class="css" data-link-type="maybe" href="#valdef-align-self-auto">auto</a> keyword is equivalent to <a class="css" data-link-type="maybe" href="#valdef-self-position-start">start</a> on replaced absolutely-positioned boxes,
732738
and equivalent to <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-flexbox-1/#valdef-align-items-stretch">stretch</a> on all other absolutely-positioned boxes.
733739
(This is because CSS 2.1 does not stretch replaced elements to fit into fixed offsets.)</p>
734740
<dt>Table Cells:
@@ -1085,7 +1091,8 @@ <h3 class="no-num heading settled" id="index-defined-here"><span class="content"
10851091
auto
10861092
<ul>
10871093
<li><a href="#valdef-justify-content-auto">value for justify-content, align-content</a><span>, in §4</span>
1088-
<li><a href="#valdef-justify-self-auto">value for justify-self, align-self</a><span>, in §5.1</span>
1094+
<li><a href="#valdef-justify-self-auto">value for justify-self</a><span>, in §5.1</span>
1095+
<li><a href="#valdef-align-self-auto">value for align-self</a><span>, in §5.2</span>
10891096
<li><a href="#valdef-justify-items-auto">value for justify-items</a><span>, in §6.1</span>
10901097
<li><a href="#valdef-align-items-auto">value for align-items</a><span>, in §6.2</span>
10911098
</ul>
@@ -1261,7 +1268,7 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
12611268
<dt id="biblio-css21"><a class="self-link" href="#biblio-css21"></a>[CSS21]
12621269
<dd>Bert Bos; et al. <a href="http://www.w3.org/TR/CSS2">Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification</a>. 7 June 2011. REC. URL: <a href="http://www.w3.org/TR/CSS2">http://www.w3.org/TR/CSS2</a>
12631270
<dt id="biblio-svg2"><a class="self-link" href="#biblio-svg2"></a>[SVG2]
1264-
<dd>Nikos Andronikos; et al. <a href="http://www.w3.org/TR/SVG2/">Scalable Vector Graphics (SVG) 2</a>. 9 July 2015. WD. URL: <a href="http://www.w3.org/TR/SVG2/">http://www.w3.org/TR/SVG2/</a>
1271+
<dd>Nikos Andronikos; et al. <a href="http://www.w3.org/TR/SVG2/">Scalable Vector Graphics (SVG) 2</a>. 15 September 2015. WD. URL: <a href="http://www.w3.org/TR/SVG2/">http://www.w3.org/TR/SVG2/</a>
12651272
<dt id="biblio-css-cascade-3"><a class="self-link" href="#biblio-css-cascade-3"></a>[CSS-CASCADE-3]
12661273
<dd>Elika Etemad; Tab Atkins Jr.. <a href="http://www.w3.org/TR/css-cascade-3/">CSS Cascading and Inheritance Level 3</a>. 16 April 2015. CR. URL: <a href="http://www.w3.org/TR/css-cascade-3/">http://www.w3.org/TR/css-cascade-3/</a>
12671274
<dt id="biblio-css-cascade-4"><a class="self-link" href="#biblio-css-cascade-4"></a>[CSS-CASCADE-4]

0 commit comments

Comments
 (0)