W3C home > Mailing lists > Public > public-css-commits@w3.org > April 2011

csswg/css-line-grid Overview.html,1.2,1.3 Overview.src.html,1.2,1.3

From: Ishii Koji via cvs-syncmail <cvsmail@w3.org>
Date: Thu, 28 Apr 2011 06:24:39 +0000
To: public-css-commits@w3.org
Message-Id: <E1QFKeV-0000dG-J4@lionel-hutz.w3.org>
Update of /sources/public/csswg/css-line-grid
In directory hutz:/tmp/cvs-serv2411

Modified Files:
	Overview.html Overview.src.html 
Log Message:


Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css-line-grid/Overview.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -d -r1.2 -r1.3
--- Overview.html	28 Apr 2011 04:55:25 -0000	1.2
+++ Overview.html	28 Apr 2011 06:24:37 -0000	1.3
@@ -153,8 +153,8 @@
       &lsquo;<code class=css>gd</code>&rsquo; length unit</a>
 
      <li><a href="#round-length"><span class=secno>3.4. </span>Rounding Down
-      to Multiple of Units: &lsquo;<code class=css>*gd</code>&rsquo; and
-      &lsquo;<code class=css>*em</code>&rsquo;</a>
+      Lengths to Multiple of Units: &lsquo;<code class=css>*gd</code>&rsquo;
+      and &lsquo;<code class=css>*em</code>&rsquo;</a>
     </ul>
 
    <li><a href="#conformance"><span class=secno>4. </span> Conformance</a>
@@ -204,19 +204,24 @@
 
    <li>Align lines between columns in multi-column documents.
 
+   <li>Make the top and the bottom margins of pictures equal, while keeping
+    the vertical rhythm of text before and after the pictures.
+
    <li>Layout lines at the same position in every page in paged media.
     Keeping the position of the bottom line of a page has benefits for design
-    and readability. This also results better readability on duplex printing,
-    two pages spreads, or when displaying on slow display devices like e-ink.
+    and readability. This also improves the readability on duplex printing,
+    two pages spreads, and when displaying on slow display devices like
+    e-ink.
 
-   <li>East Asian layouts require the use of vertical rhythm more often than
-    other scripts does, even in single column, non-paged media documents, as
+   <li>East Asian layouts require vertical rhythm more often than other
+    scripts does, even in single column, non-paged media documents, as
     defined in <a href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a>.
 
-   <li>In East Asian documents, it is often desirable to make the line width
-    to be multiple of <em>em</em>. Most East Asian characters have 1em
-    advance, and most East Asian documents are justified, so this minimizes
-    the case where justification needs to expand lines.
+   <li>It is often desirable in East Asian layouts to make the line width to
+    be multiple of <em>em</em> without fractions. Since most East Asian
+    characters have 1em advance, and since most East Asian documents are
+    justified, this minimizes the case where justification needs to expand
+    lines.
   </ul>
 
   <p>There are several types of objects in a document that can break the
@@ -237,12 +242,12 @@
 
    <li>Controls how lines and blocks align to the grids.
 
-   <li>Rounds lengths down to the mulitple of units.
+   <li>Rounds lengths down to mulitple of units.
   </ul>
 
   <p>It is important to control these capabilities independently, so that
-   align to grids can be turned off for tables for example, but can be turned
-   back on for the following text to the original grids.
+   aligning to grids can be turned off for tables for example, but can then
+   be turned back on for the following text to the grids.
 
   <h3 id=placement><span class=secno>1.2. </span>Module Interactions</h3>
 
@@ -354,8 +359,9 @@
    module: text WD 20010517</a>.
 
   <p class=issue>Grid origin should be defined by the element that has this
-   property. In that case, should it inherit, or not inherit value but
-   inherit grid?
+   property, similar to &lsquo;<code class=css>display: static</code>&rsquo;.
+   In that case, should this property inherit, or not inherit the property
+   but inherit grid?
 
   <h2 id=using-grids><span class=secno>3. </span>Using Grids</h2>
 
@@ -517,10 +523,27 @@
 
   <p class=issue>Just copied from old WD, need to refresh
 
-  <h3 id=round-length><span class=secno>3.4. </span>Rounding Down to Multiple
-   of Units: &lsquo;<code class=css><span class=index id=gd0 title="length
-   unit::*gd">*gd</span></code>&rsquo; and &lsquo;<code class=css><span
-   class=index id=em title="length unit::*em">*em</span></code>&rsquo;</h3>
+  <p class=issue>Use cases for non-East Asian layouts?
+
+  <div class=example id=gyou-dori>
+   <p>East Asian layout often requires heights specified by multiple of the
+    line grids. In Japanese, this method is called Gyou-dori. Refer to <a
+    href="#JLREQ" rel=biblioentry>[JLREQ]<!--{{JLREQ}}--></a> for more
+    details of Gyou-dori.</p>
+
+   <pre><code class=css>
+<!-- -->h1 {
+<!-- -->  line-grid-mode: block;
+<!-- -->  min-height: 3gd;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
+
+  <h3 id=round-length><span class=secno>3.4. </span>Rounding Down Lengths to
+   Multiple of Units: &lsquo;<code class=css><span class=index id=gd0
+   title="length unit::*gd">*gd</span></code>&rsquo; and &lsquo;<code
+   class=css><span class=index id=em title="length
+   unit::*em">*em</span></code>&rsquo;</h3>
 
   <p>The &lsquo;<code class=property>width</code>&rsquo; and &lsquo;<code
    class=property>height</code>&rsquo; properties accept &lsquo;<code
@@ -529,13 +552,35 @@
    and then the result will be round down to the largest multiple of the
    specified unit that is equal to or less than the original computed value.
 
-  <p>The fraction is distributed evenly to each side margins. If it is used
-   for &lsquo;<code class=property>height</code>&rsquo;, the half of fraction
-   is added to the top and bottom margins, and if for &lsquo;<code
-   class=property>width</code>&rsquo;, to the left and right margins.
+  <p>The fraction is distributed evenly to the computed values of margins of
+   each side. If it is used for &lsquo;<code
+   class=property>height</code>&rsquo;, the half the fraction is added to the
+   top and the bottom margins. If for &lsquo;<code
+   class=property>width</code>&rsquo;, to the left and the right margins.
 
   <p class=issue>Should this be a property instead?
 
+  <p class=issue>Should have an option to left/right align instead of center?
+   Can author align running head and page numbers with body with this design?
+
+  <p class=issue>Use cases for non-East Asian layouts?
+
+  <div class=example>
+   <p>It is often desirable for East Asian layouts to make the line width to
+    be multiple of <em>em</em> without fractions. Since most East Asian
+    characters have 1em advance, and since most East Asian documents are
+    justified, this minimizes the case where justification needs to expand
+    lines.</p>
+
+   <pre><code class=css>
+<!-- -->body {
+<!-- -->  margin: 3cm 3.5cm 3cm 3cm;
+<!-- -->  text-align: justify;
+<!-- -->  width: *em;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
+
   <h2 id=conformance><span class=secno>4. </span> Conformance</h2>
 
   <h3 id=conformance-classes><span class=secno>4.1. </span> Conformance

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css-line-grid/Overview.src.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -d -r1.2 -r1.3
--- Overview.src.html	28 Apr 2011 04:55:25 -0000	1.2
+++ Overview.src.html	28 Apr 2011 06:24:37 -0000	1.3
@@ -76,18 +76,21 @@
   <ul>
     <li>Keep vertical rhythm for better readability.</li>
     <li>Align lines between columns in multi-column documents.</li>
+    <li>Make the top and the bottom margins of pictures equal,
+      while keeping the vertical rhythm of text before and after the pictures.</li>
     <li>Layout lines at the same position in every page in paged media.
       Keeping the position of the bottom line of a page has benefits for
       design and readability.
-      This also results better readability on duplex printing,
+      This also improves the readability on duplex printing,
       two pages spreads,
-      or when displaying on slow display devices like e-ink.</li>
-    <li>East Asian layouts require the use of vertical rhythm
+      and when displaying on slow display devices like e-ink.</li>
+    <li>East Asian layouts require vertical rhythm
       more often than other scripts does,
       even in single column, non-paged media documents,
       as defined in [[JLREQ]].</li>
-    <li>In East Asian documents,
-      it is often desirable to make the line width to be multiple of <em>em</em>.
+    <li>It is often desirable in East Asian layouts
+      to make the line width to be
+      multiple of <em>em</em> without fractions.
       Since most East Asian characters have 1em advance,
       and since most East Asian documents are justified,
       this minimizes the case where justification needs to expand lines.</li>
@@ -109,12 +112,12 @@
   <ul>
     <li>Defines grids in the line progression direction.</li>
     <li>Controls how lines and blocks align to the grids.</li>
-    <li>Rounds lengths down to the mulitple of units.</li>
+    <li>Rounds lengths down to mulitple of units.</li>
   </ul>
 
   <p>It is important to control these capabilities independently,
-    so that align to grids can be turned off for tables for example,
-    but can be turned back on for the following text to the original grids.
+    so that aligning to grids can be turned off for tables for example,
+    but can then be turned back on for the following text to the grids.
   </p>
 
 
@@ -346,8 +349,21 @@
   <p>If no grid is specified, the gd unit should be treated the same as the em unit.</p>
 
   <p class="issue">Just copied from old WD, need to refresh</p>
+  <p class="issue">Use cases for non-East Asian layouts?</p>
 
-<h3 id="round-length">Rounding Down to Multiple of Units:
+  <div id="gyou-dori" class="example">
+    <p>East Asian layout often requires heights specified by multiple of the line grids.
+      In Japanese, this method is called Gyou-dori.
+      Refer to [[JLREQ]] for more details of Gyou-dori.</p>
+    <pre><code class="css">
+<!-- -->h1 {
+<!-- -->  line-grid-mode: block;
+<!-- -->  min-height: 3gd;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
+
+<h3 id="round-length">Rounding Down Lengths to Multiple of Units:
   ''<span class="index" title="length unit::*gd">*gd</span>''
   and ''<span class="index" title="length unit::*em">*em</span>''</h3>
 
@@ -358,11 +374,31 @@
     the largest multiple of the specified unit
     that is equal to or less than the original computed value.</p>
 
-  <p>The fraction is distributed evenly to each side margins.
-    If it is used for 'height', the half of fraction is added to the top and bottom margins,
-    and if for 'width', to the left and right margins.</p>
+  <p>The fraction is distributed evenly to the computed values of margins of each side.
+    If it is used for 'height',
+    the half the fraction is added to the top and the bottom margins.
+    If for 'width', to the left and the right margins.</p>
 
   <p class="issue">Should this be a property instead?</p>
+  <p class="issue">Should have an option to left/right align instead of center?
+    Can author align running head and page numbers with body with this design?</p>
+  <p class="issue">Use cases for non-East Asian layouts?</p>
+
+  <div class="example">
+    <p>It is often desirable for East Asian layouts
+      to make the line width to be
+      multiple of <em>em</em> without fractions.
+      Since most East Asian characters have 1em advance,
+      and since most East Asian documents are justified,
+      this minimizes the case where justification needs to expand lines.</p>
+    <pre><code class="css">
+<!-- -->body {
+<!-- -->  margin: 3cm 3.5cm 3cm 3cm;
+<!-- -->  text-align: justify;
+<!-- -->  width: *em;
+<!-- -->}
+<!-- --></code></pre>
+  </div>
 
 <h2 id="conformance">
 Conformance</h2>
Received on Thursday, 28 April 2011 06:24:41 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Thursday, 28 April 2011 06:24:43 GMT