Clarifications to text-transform, fix example to use new digits feature, forbid combination across element boundaries

Author: fantasai

css3-writing-modes/Overview.html

@@ -29,15 +29,15 @@
 
    <h1>CSS Writing Modes Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 7 June 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 8 June 2011</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-writing-modes/">http://dev.w3.org/csswg/css3-writing-modes/</a>
      <!--
-    <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110607">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110607/</a>
+    <dd><a href="http://www.w3.org/TR/2011/WD-css3-writing-modes-20110608">http://www.w3.org/TR/2011/ED-css3-writing-modes-20110608/</a>
 -->
 
 
@@ -2830,10 +2830,13 @@ <h2 id=text-combine><span class=secno>9. </span> Glyph Composition: the
 
    <dt><dfn id=all title="text-combine-horizontal:all">all</dfn>
 
-   <dd>
-    <p>In vertical writing mode, attempt to display the text contents of the
-     element horizontally within the vertical line box, ideally within the
-     space of one ideographic character (1em square). See below.
+   <dd>In vertical writing mode, attempt to display the text contents of the
+    element horizontally within the vertical line box, ideally within the
+    space of one ideographic character. (See below.) The resulting
+    composition is treated as a single glyph for the purposes of layout and
+    decoration. If the content contains any element boundaries, this is
+    treated as &lsquo;<code class=css>text-combine-horizontal:
+    none</code>&rsquo;.
 
    <dt><dfn id=digits title="text-combine-horizontal:digits">digits</dfn>
 
@@ -2883,24 +2886,22 @@ <h2 id=text-combine><span class=secno>9. </span> Glyph Composition: the
 
   <p>When combining text as for &lsquo;<code
    class=css>text-combine-horizontal: all</code>&rsquo;, the glyphs of the
-   combined text are stacked horizontally, similar to the contents of an
-   inline-box with a horizontal writing mode and a line-height of 1em. The
-   effective size of the composition is assumed to be 1em square; anything
-   outside the square is not measured for layout purposes. The UA should
-   center the glyphs horizontally and vertically within the measured 1em
-   square. The baseline of the resulting composition chosen such that the
-   square is centered between the content edges of its parent inline box. Any
-   CSS fullwidth transformations (&lsquo;<code class=css>text-transform:
-   full-width</code>&rsquo; <a href="#CSS3TEXT"
+   combined text are stacked horizontally (without line breaks,
+   letter-spacing, etc., but using the specified font settings), similar to
+   the contents of an inline-box with a horizontal writing mode and a
+   line-height of 1em. The effective size of the composition is assumed to be
+   1em square; anything outside the square is not measured for layout
+   purposes. The UA should center the glyphs horizontally and vertically
+   within the measured 1em square. The baseline of the resulting composition
+   chosen such that the square is centered between the content edges of its
+   parent inline box prior to any baseline alignment shift.
+
+  <p>Any CSS fullwidth transformations (&lsquo;<code
+   class=css>text-transform: full-width</code>&rsquo; <a href="#CSS3TEXT"
    rel=biblioentry>[CSS3TEXT]<!--{{CSS3TEXT}}--></a> or &lsquo;<code
    class=css>font-variant-east-asian-width: full-width</code>&rsquo; <a
    href="#CSS3FONT" rel=biblioentry>[CSS3FONT]<!--{{CSS3FONT}}--></a>) are
-   turned off when the element contains more than one character.
-
-  <p>UAs are not required to combine content that contains any element
-   boundaries: in such cases, the UA may treat such contents as for
-   &lsquo;<code class=css>text-combine-horizontal: none</code>&rsquo;.
-   Authors should beware that such contents may not be combined.
+   turned off for combined text of more than one character.
 
   <div class=example>
    <p>In East Asian documents, the &lsquo;<a
@@ -2922,15 +2923,13 @@ <h2 id=text-combine><span class=secno>9. </span> Glyph Composition: the
    <p>The figure is the result of the rules</p>
 
    <pre>
-<!-- -->.num { text-combine-horizontal: all; }
+<!-- -->date { text-combine-horizontal: digits 2; }
     </pre>
 
    <p>and the following markup:</p>
 
    <pre>
-<!-- -->&#x5E73;&#x6210;&lt;span class=&quot;num&quot;&gt;20&lt;/span&gt;&#x5E74;
-<!-- -->&lt;span class=&quot;num&quot;&gt;4&lt;/span&gt;&#x6708;
-<!-- -->&lt;span class=&quot;num&quot;&gt;16&lt;/span&gt;&#x65E5;&#x306B;
+<!-- -->&lt;date&gt;&#x5E73;&#x6210;20&#x5E74;4&#x6708;16&#x65E5;&#x306B;&lt;/date&gt;
     </pre>
 
    <p>In Japanese, this effect is known as <i lang=ja>tate-chu-yoko</i>.
@@ -3531,10 +3530,10 @@ <h3 class=no-num id=normative-references> Normative references</h3>
    <dt id=CSS21>[CSS21]
 
    <dd>Bert Bos; et al. <a
-    href="http://www.w3.org/TR/2009/CR-CSS2-20090423"><cite>Cascading Style
-    Sheets Level 2 Revision 1 (CSS&#160;2.1) Specification.</cite></a> 23
-    April 2009. W3C Candidate Recommendation. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2009/CR-CSS2-20090423">http://www.w3.org/TR/2009/CR-CSS2-20090423</a>
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607"><cite>Cascading Style
+    Sheets Level 2 Revision 1 (CSS&#160;2.1) Specification.</cite></a> 7 June
+    2011. W3C Recommendation. URL: <a
+    href="http://www.w3.org/TR/2011/REC-CSS2-20110607">http://www.w3.org/TR/2011/REC-CSS2-20110607</a>
     </dd>
    <!---->
 
@@ -3570,10 +3569,10 @@ <h3 class=no-num id=normative-references> Normative references</h3>
    <dt id=SVG11>[SVG11]
 
    <dd>Erik Dahlstr&#246;m; et al. <a
-    href="http://www.w3.org/TR/2010/WD-SVG11-20100622/"><cite>Scalable Vector
-    Graphics (SVG) 1.1 (Second Edition).</cite></a> 22 June 2010. W3C Working
+    href="http://www.w3.org/TR/2011/WD-SVG11-20110512/"><cite>Scalable Vector
+    Graphics (SVG) 1.1 (Second Edition).</cite></a> 12 May 2011. W3C Working
     Draft. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2010/WD-SVG11-20100622/">http://www.w3.org/TR/2010/WD-SVG11-20100622/</a>
+    href="http://www.w3.org/TR/2011/WD-SVG11-20110512/">http://www.w3.org/TR/2011/WD-SVG11-20110512/</a>
     </dd>
    <!---->
 
@@ -3651,10 +3650,9 @@ <h3 class=no-num id=other-references> Other references</h3>
    <dt id=CSS3COLOR>[CSS3COLOR]
 
    <dd>Tantek &#199;elik; Chris Lilley; L. David Baron. <a
-    href="http://www.w3.org/TR/2010/PR-css3-color-20101028"><cite>CSS Color
-    Module Level 3.</cite></a> 28 October 2010. W3C Proposed Recommendation.
-    (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2010/PR-css3-color-20101028">http://www.w3.org/TR/2010/PR-css3-color-20101028</a>
+    href="http://www.w3.org/TR/2011/REC-css3-color-20110607"><cite>CSS Color
+    Module Level 3.</cite></a> 7 June 2011. W3C Recommendation. URL: <a
+    href="http://www.w3.org/TR/2011/REC-css3-color-20110607">http://www.w3.org/TR/2011/REC-css3-color-20110607</a>
     </dd>
    <!---->
 
@@ -3670,11 +3668,11 @@ <h3 class=no-num id=other-references> Other references</h3>
 
    <dt id=CSS3LIST>[CSS3LIST]
 
-   <dd>Ian Hickson; Tantek &#199;el&#305;?k. <a
-    href="http://www.w3.org/TR/2002/WD-css3-lists-20021107"><cite>CSS3
-    module: Lists.</cite></a> 7 November 2002. W3C Working Draft. (Work in
-    progress.) URL: <a
-    href="http://www.w3.org/TR/2002/WD-css3-lists-20021107">http://www.w3.org/TR/2002/WD-css3-lists-20021107</a>
+   <dd>Tab Atkins Jr. <a
+    href="http://www.w3.org/TR/2011/WD-css3-lists-20110524"><cite>CSS Lists
+    and Counters Module Level 3.</cite></a> 24 May 2011. W3C Working Draft.
+    (Work in progress.) URL: <a
+    href="http://www.w3.org/TR/2011/WD-css3-lists-20110524">http://www.w3.org/TR/2011/WD-css3-lists-20110524</a>
     </dd>
    <!---->
 

css3-writing-modes/Overview.src.html

@@ -2116,9 +2116,13 @@ <h2 id="text-combine">
     <dt><dfn title="text-combine-horizontal:none">none</dfn>
     <dd>No special processing.</dd>
     <dt><dfn title="text-combine-horizontal:all">all</dfn>
-    <dd><p>In vertical writing mode, attempt to display the text contents
+    <dd>In vertical writing mode, attempt to display the text contents
       of the element horizontally within the vertical line box, ideally
-      within the space of one ideographic character (1em square). See below.
+      within the space of one ideographic character. (See below.) The
+      resulting composition is treated as a single glyph for the purposes
+      of layout and decoration.
+      If the content contains any element boundaries, this is treated as
+      ''text-combine-horizontal: none''.
     <dt><dfn title="text-combine-horizontal:digits">digits</dfn>
     <dd>Within the element, each sequence of consecutive horizontal digits
       that has as many or fewer characters than the integer given (or 2,
@@ -2154,23 +2158,21 @@ <h2 id="text-combine">
   <p class="issue">Do we need a tolerance value for scaling? (e.g. 1.1 instead of 1em)
 
   <p>When combining text as for ''text-combine-horizontal: all'', the
-    glyphs of the combined text are stacked horizontally, similar to
-    the contents of an inline-box with a horizontal writing mode and
-    a line-height of 1em. The effective size of the composition is
-    assumed to be 1em square; anything outside the square is not
+    glyphs of the combined text are stacked horizontally (without line
+    breaks, letter-spacing, etc., but using the specified font settings),
+    similar to the contents of an inline-box with a horizontal writing
+    mode and a line-height of 1em. The effective size of the composition
+    is assumed to be 1em square; anything outside the square is not
     measured for layout purposes. The UA should center the glyphs
     horizontally and vertically within the measured 1em square.
     The baseline of the resulting composition chosen such that the
     square is centered between the content edges of its parent inline
-    box. Any CSS fullwidth transformations
+    box prior to any baseline alignment shift.
+
+  <p>Any CSS fullwidth transformations
     (''text-transform: full-width'' [[CSS3TEXT]] or
     ''font-variant-east-asian-width: full-width'' [[CSS3FONT]])
-    are turned off when the element contains more than one character.
-
-  <p>UAs are not required to combine content that contains any
-    element boundaries: in such cases, the UA may treat such contents
-    as for 'text-combine-horizontal: none'. Authors should beware that
-    such contents may not be combined.
+    are turned off for combined text of more than one character.
 
   <div class="example">
     <p>In East Asian documents, the ''text-combine-horizontal'' effect is often
@@ -2187,13 +2189,11 @@ <h2 id="text-combine">
 
     <p>The figure is the result of the rules</p>
     <pre>
-<!-- -->.num { text-combine-horizontal: all; }
+<!-- -->date { text-combine-horizontal: digits 2; }
     </pre>
     <p>and the following markup:</p>
     <pre>
-<!-- -->&#x5E73;&#x6210;&lt;span class=&quot;num&quot;&gt;20&lt;/span&gt;&#x5E74;
-<!-- -->&lt;span class=&quot;num&quot;&gt;4&lt;/span&gt;&#x6708;
-<!-- -->&lt;span class=&quot;num&quot;&gt;16&lt;/span&gt;&#x65E5;&#x306B;
+<!-- -->&lt;date&gt;&#x5E73;&#x6210;20&#x5E74;4&#x6708;16&#x65E5;&#x306B;&lt;/date&gt;
     </pre>
 
     <p>In Japanese, this effect is known as <i lang="ja">tate-chu-yoko</i>.