- From: Ishii Koji via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 28 Apr 2011 06:24:39 +0000
- To: public-css-commits@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 @@
‘<code class=css>gd</code>’ length unit</a>
<li><a href="#round-length"><span class=secno>3.4. </span>Rounding Down
- to Multiple of Units: ‘<code class=css>*gd</code>’ and
- ‘<code class=css>*em</code>’</a>
+ Lengths to Multiple of Units: ‘<code class=css>*gd</code>’
+ and ‘<code class=css>*em</code>’</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 ‘<code class=css>display: static</code>’.
+ 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: ‘<code class=css><span class=index id=gd0 title="length
- unit::*gd">*gd</span></code>’ and ‘<code class=css><span
- class=index id=em title="length unit::*em">*em</span></code>’</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: ‘<code class=css><span class=index id=gd0
+ title="length unit::*gd">*gd</span></code>’ and ‘<code
+ class=css><span class=index id=em title="length
+ unit::*em">*em</span></code>’</h3>
<p>The ‘<code class=property>width</code>’ and ‘<code
class=property>height</code>’ properties accept ‘<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 ‘<code class=property>height</code>’, the half of fraction
- is added to the top and bottom margins, and if for ‘<code
- class=property>width</code>’, 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 ‘<code
+ class=property>height</code>’, the half the fraction is added to the
+ top and the bottom margins. If for ‘<code
+ class=property>width</code>’, 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 UTC