- From: Ishii Koji via cvs-syncmail <cvsmail@w3.org>
- Date: Sat, 21 May 2011 19:21:50 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css-line-grid
In directory hutz:/tmp/cvs-serv28752
Modified Files:
Overview.html Overview.src.html width-multiple-of-em.png
Log Message:
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css-line-grid/Overview.html,v
retrieving revision 1.14
retrieving revision 1.15
diff -u -d -r1.14 -r1.15
--- Overview.html 21 May 2011 19:02:06 -0000 1.14
+++ Overview.html 21 May 2011 19:21:48 -0000 1.15
@@ -175,19 +175,19 @@
class=secno>3.4. </span>Forcing Line Width to Multiple of
<em>em</em></a>
<ul class=toc>
- <li><a href="#round-length"><span class=secno>3.4.1. </span>Rounding
+ <li><a href="#character-grid-the-layout-grid-char-prop"><span
+ class=secno>3.4.1. </span>Character Grid: the ‘<code
+ class=property>layout-grid-char</code>’ property</a>
+
+ <li><a href="#round-length"><span class=secno>3.4.2. </span>Rounding
Lengths to Multiple of Units: ‘<code
class=css>rounddown()</code>’ and ‘<code
class=css>roundup()</code>’ </a>
<li><a href="#rounding-lengths-to-multiple-of-units-th"><span
- class=secno>3.4.2. </span>Rounding Lengths to Multiple of Units: the
+ class=secno>3.4.3. </span>Rounding Lengths to Multiple of Units: the
‘<code class=property>layout-grid-measure</code>’
property</a>
-
- <li><a href="#character-grid-the-layout-grid-char-prop"><span
- class=secno>3.4.3. </span>Character Grid: the ‘<code
- class=property>layout-grid-char</code>’ property</a>
</ul>
</ul>
@@ -283,8 +283,8 @@
</div>
<div class=sidefigure id=ex-width> <img alt="East Asian layouts may require
- width be a multiple of em without fractions" height=168
- src=width-multiple-of-em.png width=206>
+ width be a multiple of em without fractions" height=142
+ src=width-multiple-of-em.png width=180>
<p class=caption>East Asian layouts may require width be a multiple of
<em>em</em> without fractions.</p>
</div>
@@ -420,6 +420,12 @@
<p>This property defines a line grid for the element and its descendent
elements. Possible values are:
+ <p class=issue>An implementer said the grid's scope should be limited to
+ the same BFC, as referring property values and position of parent elements
+ could be difficult to implement if the element is in different BFC than
+ the parent. This can mean a float cannot share the grids with its parent,
+ which is not ideal. How can we solve this?
+
<dl>
<dt><dfn id=none title="layout-grid-line::none">‘<code
class=css>none</code>’</dfn>
@@ -456,6 +462,8 @@
class=css>vertical-rl</code>’, and the left of the element for
‘<code class=css>vertical-lr</code>’.
+ <p class=issue>Define behavior for paged media/column break
+
<p class=issue>TBD: I might need to copy more text from <a
href="http://www.w3.org/TR/2001/WD-css3-text-20010517/#layout-grid-line-prop">CSS3
module: text WD 20010517</a>.
@@ -689,13 +697,79 @@
<!-- --></code></pre>
</div>
+ <p class=issue>‘<code class=css>gem</code>’ length unit is also
+ requested
+
<h3 id=forcing-line-width-to-multiple-of-em><span class=secno>3.4.
</span>Forcing Line Width to Multiple of <em>em</em></h3>
- <p class=issue>There are multiple ideas for this, and all ideas are listed
- here for disucssions.
+ <p class=issue>There are 3 ideas for this, and all ideas are listed here
+ for disucssions.
- <h4 id=round-length><span class=secno>3.4.1. </span>Rounding Lengths to
+ <h4 id=character-grid-the-layout-grid-char-prop><span class=secno>3.4.1.
+ </span>Character Grid: the ‘<a href="#layout-grid-char"><code
+ class=property>layout-grid-char</code></a>’ property</h4>
+
+ <table class=propdef>
+ <tbody>
+ <tr>
+ <th>Name:
+
+ <td><dfn id=layout-grid-char>layout-grid-char</dfn>
+
+ <tr>
+ <th>Value:
+
+ <td>none | auto | <length>
+
+ <tr>
+ <th>Initial:
+
+ <td>none
+
+ <tr>
+ <th>Applies to:
+
+ <td>block containers
+
+ <tr>
+ <th>Inherited:
+
+ <td>no
+
+ <tr>
+ <th>Percentages:
+
+ <td>N/A
+
+ <tr>
+ <th>Media:
+
+ <td>visual
+
+ <tr>
+ <th>Computed value:
+
+ <td>specified value
+ </table>
+
+ <p>This property defines a character grid for the element. Possible values
+ are:
+
+ <p>When a character grid is defined, start and end edges of a line box snap
+ to the nearest grid in the direction to shorten the line box.
+
+ <div class=figure> <object data=line-length.svg height=158
+ type="image/svg+xml" width=340> </object>
+ <p class=caption>The gray part of a line box is rounded down to snap to
+ the grid. The second line box has a float on the left (green), and
+ therefore its start edge snaps to the grid as well.</p>
+ </div>
+
+ <p class=issue>Should we add ‘<code class=css>edges</code>’ to
+ the ‘<code class=property>line-grid-mode</code>’ property?
+
+ <h4 id=round-length><span class=secno>3.4.2. </span>Rounding Lengths to
Multiple of Units: ‘<code class=css><span class=index id=rounddown
title="length unit::rounddown()">rounddown()</span></code>’ and
‘<code class=css><span class=index id=roundup title="length
@@ -756,7 +830,7 @@
<!-- --></code></pre>
</div>
- <h4 id=rounding-lengths-to-multiple-of-units-th><span class=secno>3.4.2.
+ <h4 id=rounding-lengths-to-multiple-of-units-th><span class=secno>3.4.3.
</span>Rounding Lengths to Multiple of Units: the ‘<a
href="#layout-grid-measure"><code
class=property>layout-grid-measure</code></a>’ property</h4>
@@ -804,66 +878,6 @@
<td>specified value
</table>
- <h4 id=character-grid-the-layout-grid-char-prop><span class=secno>3.4.3.
- </span>Character Grid: the ‘<a href="#layout-grid-char"><code
- class=property>layout-grid-char</code></a>’ property</h4>
-
- <table class=propdef>
- <tbody>
- <tr>
- <th>Name:
-
- <td><dfn id=layout-grid-char>layout-grid-char</dfn>
-
- <tr>
- <th>Value:
-
- <td>none | auto | <length>
-
- <tr>
- <th>Initial:
-
- <td>none
-
- <tr>
- <th>Applies to:
-
- <td>block containers
-
- <tr>
- <th>Inherited:
-
- <td>no
-
- <tr>
- <th>Percentages:
-
- <td>N/A
-
- <tr>
- <th>Media:
-
- <td>visual
-
- <tr>
- <th>Computed value:
-
- <td>specified value
- </table>
-
- <p>This property defines a character grid for the element. Possible values
- are:
-
- <p>When a character grid is defined, the start and end edge of a line box
- snap to the nearest grid in the direction to shorten the line box.
-
- <div class=figure> <object data=line-length.svg height=158
- type="image/svg+xml" width=340> </object>
- <p class=caption>The gray part of a line box is rounded down to snap to
- the grid. The second line box has a float on the left (green), and
- therefore its start edge snaps to the grid as well.</p>
- </div>
-
<h2 id=conformance><span class=secno>4. </span> Conformance</h2>
<h3 id=conformance-classes><span class=secno>4.1. </span> Conformance
@@ -1084,7 +1098,7 @@
tool"><strong>4.1.</strong></a>
<li>layout-grid-char, <a href="#layout-grid-char"
- title=layout-grid-char><strong>3.4.3.</strong></a>
+ title=layout-grid-char><strong>3.4.1.</strong></a>
<li>layout-grid-line, <a href="#layout-grid-line"
title=layout-grid-line><strong>2.1.</strong></a>
@@ -1103,7 +1117,7 @@
</ul>
<li>layout-grid-measure, <a href="#layout-grid-measure"
- title=layout-grid-measure><strong>3.4.2.</strong></a>
+ title=layout-grid-measure><strong>3.4.3.</strong></a>
<li>layout-grid-mode, <a href="#layout-grid-mode"
title=layout-grid-mode><strong>3.1.</strong></a>
@@ -1126,8 +1140,8 @@
<li>gd, <a href="#gd" title="length unit, gd">3.3.</a>
<li>rounddown(), <a href="#rounddown" title="length unit,
- rounddown()">3.4.1.</a>, <a href="#roundup" title="length unit,
- rounddown()">3.4.1.</a>
+ rounddown()">3.4.2.</a>, <a href="#roundup" title="length unit,
+ rounddown()">3.4.2.</a>
</ul>
<li>renderer, <a href="#renderer" title=renderer><strong>4.1.</strong></a>
Index: width-multiple-of-em.png
===================================================================
RCS file: /sources/public/csswg/css-line-grid/width-multiple-of-em.png,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -d -r1.1 -r1.2
Binary files /tmp/cvs4YsSin and /tmp/cvs4Jkn0j differ
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css-line-grid/Overview.src.html,v
retrieving revision 1.14
retrieving revision 1.15
diff -u -d -r1.14 -r1.15
--- Overview.src.html 21 May 2011 19:02:06 -0000 1.14
+++ Overview.src.html 21 May 2011 19:21:48 -0000 1.15
@@ -146,7 +146,7 @@
<div id="ex-width" class="sidefigure">
<img src="width-multiple-of-em.png"
- width="206" height="168"
+ width="180" height="142"
alt="East Asian layouts may require width be a multiple of em without fractions"
/>
<p class="caption">East Asian layouts may require width
@@ -260,6 +260,13 @@
<p>This property defines a line grid for the element and its descendent elements.
Possible values are:</p>
+
+ <p class="issue">An implementer said the grid's scope should be limited to the same BFC,
+ as referring property values and position of parent elements could be difficult to implement
+ if the element is in different BFC than the parent.
+ This can mean a float cannot share the grids with its parent, which is not ideal.
+ How can we solve this?</p>
+
<dl>
<dt><dfn title="layout-grid-line::none">''none''</dfn></dt>
<dd>No line grid is specified.</dd>
@@ -282,6 +289,7 @@
for 'writing-mode' is ''vertical-rl'',
and the left of the element for ''vertical-lr''.</p>
+ <p class="issue">Define behavior for paged media/column break</p>
<p class="issue">TBD:
I might need to copy more text from
<a href="http://www.w3.org/TR/2001/WD-css3-text-20010517/#layout-grid-line-prop">CSS3 module: text WD 20010517</a>.</p>
@@ -491,8 +499,60 @@
<!-- --></code></pre>
</div>
+ <p class="issue">''gem'' length unit is also requested</p>
+
<h3>Forcing Line Width to Multiple of <em>em</em></h3>
<p class="issue">There are 3 ideas for this, and all ideas are listed here for disucssions.</p>
+
+<h4>Character Grid: the 'layout-grid-char' property</h4>
+
+ <table class=propdef>
+ <tr>
+ <th>Name:
+ <td><dfn>layout-grid-char</dfn>
+ <tr>
+ <th>Value:
+ <td>none
+ | auto
+ | <length>
+ <tr>
+ <th>Initial:
+ <td>none
+ <tr>
+ <th>Applies to:
+ <td>block containers
+ <tr>
+ <th>Inherited:
+ <td>no
+ <tr>
+ <th>Percentages:
+ <td>N/A
+ <tr>
+ <th>Media:
+ <td>visual
+ <tr>
+ <th>Computed value:
+ <td>specified value
+ </table>
+
+ <p>This property defines a character grid for the element. Possible values are:</p>
+
+ <p>When a character grid is defined,
+ start and end edges of a line box snap to the nearest grid
+ in the direction to shorten the line box.</p>
+
+ <div class="figure">
+ <object
+ data="line-length.svg" type="image/svg+xml"
+ width="340" height="158">
+ </object>
+ <p class="caption">The gray part of a line box is rounded down to snap to the grid.
+ The second line box has a float on the left (green),
+ and therefore its start edge snaps to the grid as well.</p>
+ </div>
+
+ <p class="issue">Should we add ''edges'' to the 'line-grid-mode' property?</p>
+
<h4 id="round-length">Rounding Lengths to Multiple of Units:
''<span class="index" title="length unit::rounddown()">rounddown()</span>''
and ''<span class="index" title="length unit::rounddown()">roundup()</span>''
@@ -580,55 +640,6 @@
<td>specified value
</table>
-<h4>Character Grid: the 'layout-grid-char' property</h4>
-
- <table class=propdef>
- <tr>
- <th>Name:
- <td><dfn>layout-grid-char</dfn>
- <tr>
- <th>Value:
- <td>none
- | auto
- | <length>
- <tr>
- <th>Initial:
- <td>none
- <tr>
- <th>Applies to:
- <td>block containers
- <tr>
- <th>Inherited:
- <td>no
- <tr>
- <th>Percentages:
- <td>N/A
- <tr>
- <th>Media:
- <td>visual
- <tr>
- <th>Computed value:
- <td>specified value
- </table>
-
- <p>This property defines a character grid for the element. Possible values are:</p>
-
- <p>When a character grid is defined,
- start and end edges of a line box snap to the nearest grid
- in the direction to shorten the line box.</p>
-
- <div class="figure">
- <object
- data="line-length.svg" type="image/svg+xml"
- width="340" height="158">
- </object>
- <p class="caption">The gray part of a line box is rounded down to snap to the grid.
- The second line box has a float on the left (green),
- and therefore its start edge snaps to the grid as well.</p>
- </div>
-
-
-
<h2 id="conformance">
Conformance</h2>
Received on Saturday, 21 May 2011 19:21:52 UTC