* text-transform accepts multiple values <http://lists.w3.org/Archives/Public/www-style/2010Oct/0062.html>

* Added text-justify:none <http://lists.w3.org/Archives/Public/www-style/2010Oct/0268.html>
* Added description to punctuation-trim for when kerning data exists <http://lists.w3.org/Archives/Public/www-style/2010Dec/0130.html>
* text-autospace describes behavior for element boundaries
* text-autospace describes exception cases <http://lists.w3.org/Archives/Public/www-style/2010Dec/0127.html>
* Changed how text-emphasis should be rendered to be more UA dependent
* Added Adobe open source font as an example for text-emphasis
* Some syntax (the use of '' and ') fixes

Author: kojiishi

css3-text/Overview.html

@@ -83,14 +83,14 @@
 
    <h1>CSS Text Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 November
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 December
     2010</h2>
 
    <dl>
     <dt>This version:
 
     <dd><a href="http://dev.w3.org/csswg/css3-text/Overview.html">$Date:
-     2010/10/07 06:46:06 $ (CVS $Revision$)</a> <!--<dd><a
+     2010/11/03 13:39:38 $ (CVS $Revision$)</a> <!--<dd><a
       href="http://www.w3.org/TR/2010/WD-css3-text-20101005/">http://www.w3.org/TR/2010/WD-css3-text-20101005/</a></dd> -->
 
 
@@ -109,11 +109,11 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 3 November
     <dd><a href="http://fantasai.inkedblade.net/contact">Elika J. Etemad</a>
      (Invited Expert)
 
-    <dd><a href="mailto:kojiishi@gluesoft.co.jp">Koji Ishii</a> (Antenna
-     House)
+    <dd><a href="mailto:kojiishi@gluesoft.co.jp">Koji Ishii</a> (<a
+     href="http://www.antenna.co.jp/">Antenna House</a>)
 
-    <dd><a href="mailto:murakami@antenna.co.jp">Shinyu Murakami</a> (Antenna
-     House)
+    <dd><a href="mailto:murakami@antenna.co.jp">Shinyu Murakami</a> (<a
+     href="http://www.antenna.co.jp/">Antenna House</a>)
    </dl>
    <!--begin-copyright-->
    <p class=copyright><a
@@ -518,7 +518,8 @@ <h3 id=text-transform><span class=secno>3.1. </span> <a name=caps-prop></a>
     <tr>
      <th>Value:
 
-     <td>none | capitalize | uppercase | lowercase | fullwidth | large-kana
+     <td>none | [ [ capitalize | uppercase | lowercase ] || fullwidth ||
+      large-kana ]
 
     <tr>
      <th>Initial:
@@ -908,9 +909,9 @@ <h4 id=line-break-transform><span class=secno>4.2.2. </span> Line Break
      be considered in this rule?</p>
 
    <li>Otherwise, if &lsquo;<a href="#text-autospace0"><code
-    class=css>text-autospace</code></a>&rsquo; property is set to add extra
-    spaces for the combination of the character before the line feed and
-    after, then the line break is removed.
+    class=property>text-autospace</code></a>&rsquo; property is set to add
+    extra spaces for the combination of the character before the line feed
+    and after, then the line break is removed.
     <p class=issue>Any feedback on this behavior is appreciated. Now that we
      have text-autospace property, it makes sense to favor it than inserting
      spaces. However, we also want to preserve backward compatibility as much
@@ -1161,8 +1162,6 @@ <h3 id=line-break><span class=secno>5.1. </span> Line Breaking Restrictions
      <li>breaks before Japanese small kana
 
      <li>breaks before the KATAKANA-HIRAGANA PROLONGED SOUND MARK (U+30FC)
-
-     <li>
     </ul>
     Additionally, if the language is known to be Chinese or Japanese, breaks
     before hyphens (U+2010, U+2013, U+301C, U+30A0) may be allowed in
@@ -1806,8 +1805,8 @@ <h3 id=text-justify><span class=secno>7.3. </span> Justification Method:
     <tr>
      <th>Value:
 
-     <td>auto | [ trim || [ inter-word | inter-ideograph | inter-cluster |
-      distribute | kashida ] ]
+     <td>auto | none | [ trim || [ inter-word | inter-ideograph |
+      inter-cluster | distribute | kashida ] ]
 
     <tr>
      <th>Initial:
@@ -1861,6 +1860,12 @@ <h3 id=text-justify><span class=secno>7.3. </span> Justification Method:
      scripts, e.g. the &lsquo;<code class=css>distribute</code>&rsquo; method
      with discrete scripts dropped to second priority.</p>
 
+   <dt><dfn id=none1 title="text-justify:none"><code>none</code></dfn>
+
+   <dd>Justification is disabled. <span class=note>This value is intended for
+    use in user stylesheets to improve readability or for accessibility
+    purposes.</span>
+
    <dt><dfn id=inter-word
     title="text-justify:inter-word"><code>inter-word</code></dfn>
 
@@ -1906,7 +1911,14 @@ <h3 id=text-justify><span class=secno>7.3. </span> Justification Method:
     enables the trimming of blank space in glyphs where allowed by
     typographic tradition (for example, in spaces and fullwidth punctuation
     glyphs). If specified alone, the exact justification algorithm is
-    UA-defined (as for &lsquo;<code class=css>auto</code>&rsquo;).
+    UA-defined (as for &lsquo;<code class=css>auto</code>&rsquo;). <span
+    class=note> An example of compression rules is given for Japanese in 3.8
+    Line Adjustment in the <a href="#JLREQ"
+    rel=biblioentry>[JLREQ]<!--{{!JLREQ}}--></a>.</span>
+    <p class=issue>The rule a. of 3.8.3 in the current JLREQ may produce
+     non-optimal results when the rules are applied to English lines, or
+     sometimes English words within Japanese lines. There's a discussion
+     currently going on for how to manage this.</p>
   </dl>
 
   <p>When justifying text, the user agent takes the remaining space between
@@ -2664,7 +2676,7 @@ <h3 id=punctuation-trim><span class=secno>8.3. </span> Fullwidth
    defined as follows:
 
   <dl>
-   <dt><dfn id=none1 title="punctuation-trim:none">none</dfn>
+   <dt><dfn id=none2 title="punctuation-trim:none">none</dfn>
 
    <dd>Do not trim or kern the blank half of fullwidth opening or closing
     punctuation glyphs.
@@ -2695,9 +2707,7 @@ <h3 id=punctuation-trim><span class=secno>8.3. </span> Fullwidth
     (U+3000).
   </dl>
 
-  <p class=issue> add description for what to do if the font has kerning pair
-   defined. add description for what to do if the character is not 1em.
-   classes and Unicode code point should be re-reviewed.
+  <p class=issue>classes and Unicode code point should be reviewed.
 
   <div class=example>
    <p>The following example table lists the punctuation pairs affected by the
@@ -2815,8 +2825,10 @@ <h3 id=punctuation-trim><span class=secno>8.3. </span> Fullwidth
   </dl>
 
   <p>Fullwidth opening and closing punctuation must not be trimmed if the
-   glyph is not actually fullwidth. A fullwidth glyph is one that has the
-   same advance width as a typical Han character in the same font.
+   glyph is not actually fullwidth. This includes the case where the glyph is
+   not fullwidth as a result of the kerning in the font. A fullwidth glyph is
+   one that has the same advance width as a typical Han character in the same
+   font.
 
   <p>Whether fullwidth colon punctuation and fullwidth dot punctuation should
    be considered fullwidth closing punctuation or fullwidth middle dot
@@ -2973,22 +2985,34 @@ <h3 id=text-autospace><span class=secno>8.4. </span> <a
   <p>Values have the following meanings:
 
   <dl>
-   <dt><dfn id=none2 title="text-autospace:none"><code>none</code></dfn>
+   <dt><dfn id=none3 title="text-autospace:none"><code>none</code></dfn>
 
    <dd>No extra space is created.
 
    <dt><dfn id=ideograph-numeric
     title="text-autospace:ideograph-numeric"><code>ideograph-numeric</code></dfn>
 
    <dd>Creates 1/4em extra spacing between runs of ideographic letters and
-    numeric glyphs.
+    non-ideographic numeric glyphs. The extra spacing should not be created
+    if the numeric glyphs are fullwidth, upright in vertical text flow using
+    the &lsquo;<code class=property>text-orientation</code>&rsquo; property
+    or the &lsquo;<code class=property>text-combine</code>&rsquo; property,
+    or have different computed value of the &lsquo;<code
+    class=property>writing-mode</code>&rsquo; property than the ideographic
+    letters.
 
    <dt><dfn id=ideograph-alpha
     title="text-autospace:ideograph-alpha"><code>ideograph-alpha</code></dfn>
 
    <dd>Creates 1/4em extra spacing between runs of ideographic letters and
     non-ideographic letters, such as Latin-based, Cyrillic, Greek, Arabic or
-    Hebrew.
+    Hebrew. The extra spacing should not be created if the non-ideographic
+    letters are fullwidth, upright in vertical text flow using the
+    &lsquo;<code class=property>text-orientation</code>&rsquo; property or
+    the &lsquo;<code class=property>text-combine</code>&rsquo; property, or
+    have different computed value of the &lsquo;<code
+    class=property>writing-mode</code>&rsquo; property than the ideographic
+    letters.
 
    <dt><dfn id=ideograph-space
     title="text-autospace:ideograph-space"><code>ideograph-space</code></dfn>
@@ -3021,6 +3045,9 @@ <h3 id=text-autospace><span class=secno>8.4. </span> <a
   <p class=issue>It was requested to add a value for doubling the space after
    periods.
 
+  <p>At element boundaries, the font size of the extra spacing is given by
+   and rendered within the innermost element that contains the boundary.
+
   <p>Ideograph letters in this definitions includes the following characters.
 
   <ul>
@@ -3644,7 +3671,7 @@ <h4 id=text-decoration-skip><span class=secno>10.1.5. </span> Text
    drawn by its ancestors. Values have the following meanings:
 
   <dl>
-   <dt><dfn id=none3 title="text-decoration-skip:none">none</dfn>
+   <dt><dfn id=none4 title="text-decoration-skip:none">none</dfn>
 
    <dd>Skip nothing: text-decoration is drawn for all text content and for
     inline replaced elements.
@@ -3832,7 +3859,7 @@ <h4 id=text-emphasis-style><span class=secno>10.2.1. </span> Emphasis Mark
    the following meanings:
 
   <dl>
-   <dt><dfn id=none4 title="text-emphasis:none"><code>none</code></dfn>
+   <dt><dfn id=none5 title="text-emphasis:none"><code>none</code></dfn>
 
    <dd>No emphasis marks.
 
@@ -3885,23 +3912,26 @@ <h4 id=text-emphasis-style><span class=secno>10.2.1. </span> Emphasis Mark
   </dl>
 
   <p>If a shape keyword is specified but neither of &lsquo;<code
-   class=property>filled</code>&rsquo; nor &lsquo;<code
-   class=property>open</code>&rsquo; is specified, &lsquo;<code
-   class=property>filled</code>&rsquo; is assumed. If only &lsquo;<code
-   class=property>filled</code>&rsquo; or 'open is specified, the shape
-   keyword computes to &lsquo;<code class=property>dot</code>&rsquo; in
-   horizontal writing mode and &lsquo;<code
-   class=property>sesame</code>&rsquo; in vertical writing mode.
+   class=css>filled</code>&rsquo; nor &lsquo;<code
+   class=css>open</code>&rsquo; is specified, &lsquo;<code
+   class=css>filled</code>&rsquo; is assumed. If only &lsquo;<code
+   class=css>filled</code>&rsquo; or &lsquo;<code
+   class=css>open</code>&rsquo; is specified, the shape keyword computes to
+   &lsquo;<code class=css>circle</code>&rsquo; in horizontal writing mode and
+   &lsquo;<code class=css>sesame</code>&rsquo; in vertical writing mode.
 
   <p>The marks should be drawn using the element's font settings with its
-   size scaled down to 50%. UA should fall back to an appropriate font if the
-   glyph is missing in the font. The marks may instead be synthesized by the
-   UA.
+   size scaled down to 50%. However, not all fonts have all these glyphs, and
+   some fonts use inappropriate sizes for emphasis marks in these code
+   points. The UA may opt to use a font known to be good for emphasis marks,
+   or the marks may instead be synthesized by the UA.
 
-  <p class=issue>This rendering scheme is based on ruby algorithm and the one
-   used in Japanese printing industries. But the size of glyphs varies so
-   much that this may result in inconsistent and/or bad visuals. If you have
-   any feedback on this, it's appreciated.
+  <div class=example>
+   <p>One example of good fonts for emphasis marks is Adobe's opensource
+    project, <a href="http://sourceforge.net/adobe/kenten-generic/">Kenten
+    Generic OpenType Font</a>, which is specially designed for the emphasis
+    marks.</p>
+  </div>
 
   <p>The marks are drawn once for each grapheme cluster. However, emphasis
    marks are not drawn for a grapheme cluster consisting of:
@@ -4778,6 +4808,15 @@ <h3 class=no-num id=normative-ref>Normative references</h3>
     </dd>
    <!---->
 
+   <dt id=JLREQ>[JLREQ]
+
+   <dd>Kenzou Onozawa; et al. <a
+    href="http://www.w3.org/TR/2009/NOTE-jlreq-20090604"><cite>Requirements
+    for Japanese Text Layout.</cite></a> 4 June 2009. W3C Note. URL: <a
+    href="http://www.w3.org/TR/2009/NOTE-jlreq-20090604">http://www.w3.org/TR/2009/NOTE-jlreq-20090604</a>
+    </dd>
+   <!---->
+
    <dt id=RFC2119>[RFC2119]
 
    <dd>S. Bradner. <a href="http://www.ietf.org/rfc/rfc2119.txt"><cite>Key
@@ -5155,8 +5194,8 @@ <h2 class=no-num id=appendix-b-property-index> Appendix B: Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#text-justify0">text-justify</a>
 
-     <td>auto | [ trim || [ inter-word | inter-ideograph | inter-cluster |
-      distribute | kashida ] ]
+     <td>auto | none | [ trim || [ inter-word | inter-ideograph |
+      inter-cluster | distribute | kashida ] ]
 
      <td>auto
 
@@ -5217,7 +5256,8 @@ <h2 class=no-num id=appendix-b-property-index> Appendix B: Property index</h2>
     <tr valign=baseline>
      <td><a class=property href="#text-transform0">text-transform</a>
 
-     <td>none | capitalize | uppercase | lowercase | fullwidth | large-kana
+     <td>none | [ [ capitalize | uppercase | lowercase ] || fullwidth ||
+      large-kana ]
 
      <td>none
 
@@ -5455,7 +5495,7 @@ <h2 class=no-num id=index>Index</h2>
    <li>punctuation-trim:end, <a href="#end0"
     title="punctuation-trim:end"><strong>8.3.</strong></a>
 
-   <li>punctuation-trim:none, <a href="#none1"
+   <li>punctuation-trim:none, <a href="#none2"
     title="punctuation-trim:none"><strong>8.3.</strong></a>
 
    <li>punctuation-trim:start, <a href="#start0"
@@ -5527,7 +5567,7 @@ <h2 class=no-num id=index>Index</h2>
    <li>text-autospace:ideograph-space, <a href="#ideograph-space"
     title="text-autospace:ideograph-space"><strong>8.4.</strong></a>
 
-   <li>text-autospace:none, <a href="#none2"
+   <li>text-autospace:none, <a href="#none3"
     title="text-autospace:none"><strong>8.4.</strong></a>
 
    <li>text-autospace:punctuation, <a href="#punctuation"
@@ -5554,7 +5594,7 @@ <h2 class=no-num id=index>Index</h2>
    <li>text-decoration-skip:ink, <a href="#ink"
     title="text-decoration-skip:ink"><strong>10.1.5.</strong></a>
 
-   <li>text-decoration-skip:none, <a href="#none3"
+   <li>text-decoration-skip:none, <a href="#none4"
     title="text-decoration-skip:none"><strong>10.1.5.</strong></a>
 
    <li>text-decoration-skip:spaces, <a href="#spaces"
@@ -5581,7 +5621,7 @@ <h2 class=no-num id=index>Index</h2>
    <li>text-emphasis:filled, <a href="#filled"
     title="text-emphasis:filled"><strong>10.2.1.</strong></a>
 
-   <li>text-emphasis:none, <a href="#none4"
+   <li>text-emphasis:none, <a href="#none5"
     title="text-emphasis:none"><strong>10.2.1.</strong></a>
 
    <li>text-emphasis:open, <a href="#open"
@@ -5630,6 +5670,9 @@ <h2 class=no-num id=index>Index</h2>
    <li>text-justify:kashida, <a href="#kashida"
     title="text-justify:kashida"><strong>7.3.</strong></a>
 
+   <li>text-justify:none, <a href="#none1"
+    title="text-justify:none"><strong>7.3.</strong></a>
+
    <li>text-justify:trim, <a href="#trim"
     title="text-justify:trim"><strong>7.3.</strong></a>