remove typographic mode

Author: kojiishi

css3-writing-modes/Overview.html

@@ -32,16 +32,15 @@
 
    <h1>CSS Writing Modes Module Level 3</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 February
-    2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 6 March 2012</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/2012/WD-css3-writing-modes-20120213/">http://www.w3.org/TR/2012/ED-css3-writing-modes-20120213/</a>
+    <dd><a href="http://www.w3.org/TR/2012/WD-css3-writing-modes-20120306/">http://www.w3.org/TR/2012/ED-css3-writing-modes-20120306/</a>
 -->
 
 
@@ -466,8 +465,8 @@ <h2 id=text-flow><span class=secno>1. </span> Introduction to Writing Modes</h2>
   <p>The &lsquo;<a href="#text-orientation0"><code
    class=property>text-orientation</code></a>&rsquo; component of the writing
    mode determines the <a href="#line-orientation"><i>line
-   orientation</i></a> and the <i>typographic mode</i>, and controls details
-   of text layout such as the <i>glyph orientation</i>.
+   orientation</i></a>, and controls details of text layout such as the
+   <i>glyph orientation</i>.
 
   <p class=note>See Unicode Technical Note #22 <a href="#UTN22"
    rel=biblioentry>[UTN22]<!--{{UTN22}}--></a> (<a
@@ -1219,7 +1218,7 @@ <h3 id=writing-mode><span class=secno>3.1. </span> Block Flow Direction:
 <!-- -->&lt;/form></pre>
 
    <p><img
-    alt="Screenshot of vertical layout: the input element is                 laid lengthwise from top to bottom and its contents                 rendered in a vertical typographic mode, matching the                 labels outside it. The drop-down selection control                 after it slides out to the side (towards the after                 edge of the block) rather than downward as it would                 in horizontal writing modes."
+    alt="Screenshot of vertical layout: the input element is                 laid lengthwise from top to bottom and its contents                 rendered in a vertical writing mode, matching the                 labels outside it. The drop-down selection control                 after it slides out to the side (towards the after                 edge of the block) rather than downward as it would                 in horizontal writing modes."
     src=vertical-form.png></p>
   </div>
 
@@ -1368,8 +1367,8 @@ <h3 id=intro-baselines><span class=secno>4.1. </span> Introduction to
    various baselines apply to all glyphs in the font.
 
   <p>Different baseline tables can be provided for alignment in horizontal
-   and vertical text. UAs should use the vertical tables in vertical
-   typographic modes and the horizontal tables otherwise.
+   and vertical text. UAs should use the vertical tables in vertical writing
+   modes and the horizontal tables otherwise.
 
   <h3 id=text-baselines><span class=secno>4.2. </span> Text Baselines</h3>
 
@@ -1379,19 +1378,26 @@ <h3 id=text-baselines><span class=secno>4.2. </span> Text Baselines</h3>
    <dt>alphabetic
 
    <dd>The <dfn id=alphabetic-baseline>alphabetic baseline</dfn>, which
-    typically aligns with the bottom of uppercase Latin glyphs. In horizontal
-    typographic mode, this is the dominant baseline.
+    typically aligns with the bottom of uppercase Latin glyphs.
 
    <dt>central
 
    <dd>The <dfn id=central-baseline>central baseline</dfn>, which typically
-    crosses the center of the em box. In vertical typographic mode, this is
-    the dominant baseline. If the font is missing this baseline, it is
-    assumed to be halfway between the ascender (<a
+    crosses the center of the em box. If the font is missing this baseline,
+    it is assumed to be halfway between the ascender (<a
     href="#over"><i>over</i></a>) and descender (<a
     href="#under"><i>under</i></a>) edges of the em box.
   </dl>
 
+  <p>In vertical writing mode, the <a href="#central-baseline"><i>central
+   baseline</i></a> is used as the dominant baseline when &lsquo;<a
+   href="#text-orientation0"><code
+   class=property>text-orientation</code></a>&rsquo; is &lsquo;<a
+   href="#mixed-right"><code class=css>mixed-right</code></a>&rsquo; or
+   &lsquo;<a href="#upright"><code class=css>upright</code></a>&rsquo;.
+   Otherwise the <a href="#alphabetic-baseline"><i>alphabetic
+   baseline</i></a> is used.
+
   <p class=note>A future CSS module will deal with baselines in more detail
    and allow the choice of other dominant baselines and alignment options.
 
@@ -1612,10 +1618,9 @@ <h3 id=text-orientation><span class=secno>5.1. </span> Orienting Text: the
      <td>specified value
   </table>
 
-  <p>This property specifies the typographic mode and orientation of text
-   within a line. Current values only have an effect in vertical writing
-   modes; the property has no effect on elements in horizontal writing modes.
-   
+  <p>This property specifies the orientation of text within a line. Current
+   values only have an effect in vertical writing modes; the property has no
+   effect on elements in horizontal writing modes.
 
   <p>For readability, the term <a href="#character"><i>character</i></a> is
    used in place of <em>extended grapheme cluster</em> in this section. See
@@ -1633,8 +1638,7 @@ <h3 id=text-orientation><span class=secno>5.1. </span> Orienting Text: the
      horizontal text. Characters from vertical scripts are set with their
      intrinsic orientation.
 
-    <p>This value puts the element in a <i>vertical typographic mode</i> and
-     is typical for layout of primarily vertical-script text.
+    <p>This value is typical for layout of primarily vertical-script text.
 
    <dt><dfn id=upright>upright</dfn>
 
@@ -1654,23 +1658,19 @@ <h3 id=text-orientation><span class=secno>5.1. </span> Orienting Text: the
      class=property>direction</code></a>&rsquo; to be &lsquo;<a
      href="#ltr"><code class=css>ltr</code></a>&rsquo;.
 
-    <p>This value puts the element in a <i>vertical typographic mode</i>.
-
    <dt><dfn id=sideways-right>sideways-right</dfn>
 
    <dd>
     <p>In vertical writing modes, this causes text to be set as if in a
      horizontal layout (using horizontal glyph variants and metrics), but
-     rotated 90&deg; clockwise. This value puts the element in a
-     <i>horizontal typographic mode</i>.
+     rotated 90&deg; clockwise.
 
    <dt><dfn id=sideways-left>sideways-left</dfn>
 
    <dd>
     <p>In vertical writing modes, this causes text to be set as if in a
      horizontal layout (using horizontal glyph variants and metrics), but
-     rotated 90&deg; counter-clockwise. This value puts the element in a
-     <i>horizontal typographic mode</i>.
+     rotated 90&deg; counter-clockwise.
 
     <p>If set on a non-replaced inline whose parent is not &lsquo;<a
      href="#sideways-left"><code class=css>sideways-left</code></a>&rsquo;,
@@ -1796,6 +1796,10 @@ <h3 id=text-orientation><span class=secno>5.1. </span> Orienting Text: the
       h1.banner { position: absolute; top: 0; right: 0; writing-mode: vertical-rl; }
     </pre>
   </div>
+
+  <p class=note>Changing the value of this property may affect the
+   inline-level alignment. Refer to <a href="#text-baselines">Text
+   Baselines</a> for more details.</p>
   <!-- random notes
   Property to customize text-orientation (and line breaking class) of various
   characters (yes, the name is horrible, we need a better one):

css3-writing-modes/Overview.src.html

@@ -170,7 +170,7 @@ <h2 id="text-flow">
   </ul>
 
   <p>The 'text-orientation' component of the writing mode determines the
-    <i>line orientation</i> and the <i>typographic mode</i>, and controls
+    <i>line orientation</i>, and controls
     details of text layout such as the <i>glyph orientation</i>.
 
   <p class="note">See Unicode Technical Note #22 [[UTN22]]
@@ -815,7 +815,7 @@ <h3 id="writing-mode">
 
     <p><img alt="Screenshot of vertical layout: the input element is
                 laid lengthwise from top to bottom and its contents
-                rendered in a vertical typographic mode, matching the
+                rendered in a vertical writing mode, matching the
                 labels outside it. The drop-down selection control
                 after it slides out to the side (towards the after
                 edge of the block) rather than downward as it would
@@ -938,7 +938,7 @@ <h3 id="intro-baselines">
 
   <p>Different baseline tables can be provided for alignment in
     horizontal and vertical text. UAs should use the vertical
-    tables in vertical typographic modes and the horizontal tables
+    tables in vertical writing modes and the horizontal tables
     otherwise.
 
 <h3 id="text-baselines">
@@ -949,19 +949,21 @@ <h3 id="text-baselines">
   <dl>
     <dt>alphabetic</dt>
     <dd>The <dfn>alphabetic baseline</dfn>, which typically aligns with the
-      bottom of uppercase Latin glyphs. In horizontal typographic mode,
-      this is the dominant baseline.
+      bottom of uppercase Latin glyphs.
 
     </dd>
     <dt>central</dt>
     <dd>The <dfn>central baseline</dfn>, which typically crosses the center
-      of the em box. In vertical typographic mode, this is the
-      dominant baseline. If the font is missing this baseline,
+      of the em box. If the font is missing this baseline,
       it is assumed to be halfway between the ascender (<i>over</i>)
       and descender (<i>under</i>) edges of the em box.
     </dd>
   </dl>
 
+  <p>In vertical writing mode, the <i>central baseline</i> is used as the
+    dominant baseline when 'text-orientation' is ''mixed-right'' or ''upright''.
+    Otherwise the <i>alphabetic baseline</i> is used.
+
   <p class="note">A future CSS module will deal with baselines in more
     detail and allow the choice of other dominant baselines and alignment
     options.</p>
@@ -1147,7 +1149,7 @@ <h3 id="text-orientation">
     </tbody>
   </table>
 
-  <p>This property specifies the typographic mode and orientation of text
+  <p>This property specifies the orientation of text
     within a line. Current values only have an effect in vertical writing
     modes; the property has no effect on elements in horizontal writing modes.
 
@@ -1164,8 +1166,7 @@ <h3 id="text-orientation">
       scripts are set sideways, i.e. 90&deg; clockwise from their standard
       orientation in horizontal text.
       Characters from vertical scripts are set with their intrinsic orientation.
-    <p>This value puts the element in a <i>vertical typographic mode</i>
-      and is typical for layout of primarily vertical-script text.
+    <p>This value is typical for layout of primarily vertical-script text.
     <dt><dfn>upright</dfn></dt>
     <dd><p>In vertical writing modes, characters from horizontal-only
       scripts are rendered upright, i.e. in their standard horizontal
@@ -1179,17 +1180,14 @@ <h3 id="text-orientation">
       <p>For the purposes of bidi reordering, this value causes all
       characters to be treated as strong LTR.
       This value causes the used value of 'direction' to be ''ltr''.
-      <p>This value puts the element in a <i>vertical typographic mode</i>.
     <dt><dfn>sideways-right</dfn></dt>
     <dd><p>In vertical writing modes, this causes text to be set as if
       in a horizontal layout (using horizontal glyph variants and metrics),
       but rotated 90&deg; clockwise.
-      This value puts the element in a <i>horizontal typographic mode</i>.
     <dt><dfn>sideways-left</dfn></dt>
     <dd><p>In vertical writing modes, this causes text to be set as if
       in a horizontal layout (using horizontal glyph variants and metrics),
       but rotated 90&deg; counter-clockwise.
-      This value puts the element in a <i>horizontal typographic mode</i>.
       <p>If set on a non-replaced inline whose parent is not ''sideways-left'',
       this forces bidi isolation: the ''normal'' and ''embed'' values of
       'unicode-bidi' compute to ''isolate'', and ''bidi-override'' computes
@@ -1277,6 +1275,9 @@ <h3 id="text-orientation">
     </pre>
   </div>
 
+  <p class="note">Changing the value of this property may affect the inline-level alignment.
+    Refer to <a href="#text-baselines">Text Baselines</a> for more details.</p>
+
 <!-- random notes
   Property to customize text-orientation (and line breaking class) of various
   characters (yes, the name is horrible, we need a better one):