[css-align] Make self-start/end compute to start/end when orthogonal.

Author: tabatkins

css-align/Overview.html

@@ -11,7 +11,7 @@
 
   <meta content="CSS Box Alignment Module Level 3" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-12-13 name=dcterms.date>
+  <meta content=2014-02-04 name=dcterms.date>
   <meta content="Elika J. Etemad" name=dcterms.creator>
   <meta content="Tab Atkins Jr." name=dcterms.creator>
   <meta content=W3C name=dcterms.publisher>
@@ -36,11 +36,11 @@
 
    <h1>CSS Box Alignment Module Level 3</h1>
 
-   <h2 class="no-num no-toc">Editor's Draft 13 December 2013</h2>
+   <h2 class="no-num no-toc">Editor's Draft 4 February 2014</h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a href="http://dev.w3.org/csswg/css-align/">http://www.w3.org/TR/2013/WD-css-align-20131213/</a>-->
+     <!--<dd><a href="http://dev.w3.org/csswg/css-align/">http://www.w3.org/TR/2014/WD-css-align-20140204/</a>-->
 
     <dd><a
      href="http://dev.w3.org/csswg/css-align/">http://dev.w3.org/csswg/css-align</a>
@@ -87,7 +87,7 @@ <h2 class="no-num no-toc">Editor's Draft 13 December 2013</h2>
    <!--begin-copyright-->
    <p class=copyright><a
     href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright"
-    rel=license>Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr
+    rel=license>Copyright</a> © 2014 <a href="http://www.w3.org/"><abbr
     title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a
     href="http://www.csail.mit.edu/"><abbr
     title="Massachusetts Institute of Technology">MIT</abbr></a>, <a
@@ -560,15 +560,19 @@ <h3 id=positional-values><span class=secno>3.1. </span> Positional
     to be flush with the edge of the <a
     href="#alignment-container"><i>alignment container</i></a> corresponding
     to the <a href="#alignment-subject"><i>alignment subject</i></a>’s
-    start side.
+    start side. If the <a>writing modes</a> of the <a>alignment subject</a>
+    and the <a>alignment container</a> are <a>orthogonal</a>, this value
+    computes to ‘<a href="#start"><code class=css>start</code></a>’.
 
    <dt><dfn id=self-end>‘<code class=css>self-end</code>’</dfn>
 
    <dd>Aligns the <a href="#alignment-subject"><i>alignment subject</i></a>
     to be flush with the edge of the <a
     href="#alignment-container"><i>alignment container</i></a> corresponding
     to the <a href="#alignment-subject"><i>alignment subject</i></a>’s end
-    side.
+    side. If the <a>writing modes</a> of the <a>alignment subject</a> and the
+    <a>alignment container</a> are <a>orthogonal</a>, this value computes to
+    ‘<a href="#end"><code class=css>end</code></a>’.
 
    <dt><dfn id=flex-start>‘<code class=css>flex-start</code>’</dfn>
 

css-align/Overview.src.html

@@ -269,10 +269,14 @@ <h3 id='positional-values'>
     <dt><dfn>''self-start''</dfn>
     <dd>Aligns the <i>alignment subject</i> to be flush with the edge of the <i>alignment container</i>
       corresponding to the <i>alignment subject</i>’s start side.
+      If the <a>writing modes</a> of the <a>alignment subject</a> and the <a>alignment container</a> are <a>orthogonal</a>,
+      this value computes to ''start''.
 
     <dt><dfn>''self-end''</dfn>
     <dd>Aligns the <i>alignment subject</i> to be flush with the edge of the <i>alignment container</i>
       corresponding to the <i>alignment subject</i>’s end side.
+      If the <a>writing modes</a> of the <a>alignment subject</a> and the <a>alignment container</a> are <a>orthogonal</a>,
+      this value computes to ''end''.
 
     <dt><dfn>''flex-start''</dfn>
     <dd><strong>Only used in flex layout.</strong> [[!CSS3-FLEXBOX]]