- From: Ishii Koji via cvs-syncmail <cvsmail@w3.org>
- Date: Sat, 21 May 2011 19:02:08 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css-line-grid
In directory hutz:/tmp/cvs-serv27411
Modified Files:
Overview.html Overview.src.html
Log Message:
Add 'layout-grid-char' property
Add 'layout-grid-measure' property
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css-line-grid/Overview.html,v
retrieving revision 1.13
retrieving revision 1.14
diff -u -d -r1.13 -r1.14
--- Overview.html 14 May 2011 18:21:57 -0000 1.13
+++ Overview.html 21 May 2011 19:02:06 -0000 1.14
@@ -39,13 +39,13 @@
<h1>CSS Line Grid Module</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 May 2011</h2>
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 21 May 2011</h2>
<dl>
<dt>This version:
- <dd><a href="http://www.w3.org/TR/2011/ED-unknown-shortname-20110514/">
- http://www.w3.org/TR/2011/ED-unknown-shortname-20110514</a> <!--
+ <dd><a href="http://www.w3.org/TR/2011/ED-unknown-shortname-20110521/">
+ http://www.w3.org/TR/2011/ED-unknown-shortname-20110521</a> <!--
<dt>Latest version:
<dd><a href="http://www.w3.org/TR/css-line-grid">
http://www.w3.org/TR/css-line-grid</a>
@@ -171,10 +171,24 @@
<li><a href="#grid-length-unit"><span class=secno>3.3. </span>The
‘<code class=css>gd</code>’ length unit</a>
- <li><a href="#round-length"><span class=secno>3.4. </span>Rounding
- Lengths to Multiple of Units: ‘<code
- class=css>rounddown()</code>’ and ‘<code
- class=css>roundup()</code>’ </a>
+ <li><a href="#forcing-line-width-to-multiple-of-em"><span
+ 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
+ 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
+ ‘<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>
<li><a href="#conformance"><span class=secno>4. </span> Conformance</a>
@@ -675,11 +689,17 @@
<!-- --></code></pre>
</div>
- <h3 id=round-length><span class=secno>3.4. </span>Rounding Lengths to
+ <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.
+
+ <h4 id=round-length><span class=secno>3.4.1. </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
- unit::rounddown()">roundup()</span></code>’</h3>
+ unit::rounddown()">roundup()</span></code>’</h4>
<p>The ‘<code class=property>width</code>’ and ‘<code
class=property>height</code>’ properties accept ‘<code
@@ -708,8 +728,6 @@
class=property>float</code>’ property is ‘<code
class=css>left</code>’, the fraction is added to the right margins.
- <p class=issue>Should this be a property instead?
-
<p class=issue>Is this design appropriate to solve text with floats case?
<p class=issue>Are there requirements for table cell width?
@@ -738,6 +756,114 @@
<!-- --></code></pre>
</div>
+ <h4 id=rounding-lengths-to-multiple-of-units-th><span class=secno>3.4.2.
+ </span>Rounding Lengths to Multiple of Units: the ‘<a
+ href="#layout-grid-measure"><code
+ class=property>layout-grid-measure</code></a>’ property</h4>
+
+ <table class=propdef>
+ <tbody>
+ <tr>
+ <th>Name:
+
+ <td><dfn id=layout-grid-measure>layout-grid-measure</dfn>
+
+ <tr>
+ <th>Value:
+
+ <td>none | auto | <length> || up | down
+
+ <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>
+
+ <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
@@ -957,6 +1083,9 @@
<li>authoring tool, <a href="#authoring-tool" title="authoring
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>
+
<li>layout-grid-line, <a href="#layout-grid-line"
title=layout-grid-line><strong>2.1.</strong></a>
<ul>
@@ -973,6 +1102,9 @@
percent"><strong>2.1.</strong></a>
</ul>
+ <li>layout-grid-measure, <a href="#layout-grid-measure"
+ title=layout-grid-measure><strong>3.4.2.</strong></a>
+
<li>layout-grid-mode, <a href="#layout-grid-mode"
title=layout-grid-mode><strong>3.1.</strong></a>
<ul>
@@ -994,8 +1126,8 @@
<li>gd, <a href="#gd" title="length unit, gd">3.3.</a>
<li>rounddown(), <a href="#rounddown" title="length unit,
- rounddown()">3.4.</a>, <a href="#roundup" title="length unit,
- rounddown()">3.4.</a>
+ rounddown()">3.4.1.</a>, <a href="#roundup" title="length unit,
+ rounddown()">3.4.1.</a>
</ul>
<li>renderer, <a href="#renderer" title=renderer><strong>4.1.</strong></a>
@@ -1030,7 +1162,22 @@
<th>Media
<tbody>
- <tr valign=baseline>
+ <tr>
+ <td><a class=property href="#layout-grid-char">layout-grid-char</a>
+
+ <td>none | auto | <length>
+
+ <td>none
+
+ <td>block containers
+
+ <td>no
+
+ <td>N/A
+
+ <td>visual
+
+ <tr>
<td><a class=property href="#layout-grid-line">layout-grid-line</a>
<td>none | auto | <length> | <percentage>
@@ -1045,7 +1192,23 @@
<td>visual
- <tr valign=baseline>
+ <tr>
+ <td><a class=property
+ href="#layout-grid-measure">layout-grid-measure</a>
+
+ <td>none | auto | <length> || up | down
+
+ <td>none
+
+ <td>block containers
+
+ <td>no
+
+ <td>N/A
+
+ <td>visual
+
+ <tr>
<td><a class=property href="#layout-grid-mode">layout-grid-mode</a>
<td>none | baseline | block | line
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css-line-grid/Overview.src.html,v
retrieving revision 1.13
retrieving revision 1.14
diff -u -d -r1.13 -r1.14
--- Overview.src.html 14 May 2011 18:21:57 -0000 1.13
+++ Overview.src.html 21 May 2011 19:02:06 -0000 1.14
@@ -491,10 +491,12 @@
<!-- --></code></pre>
</div>
-<h3 id="round-length">Rounding Lengths to Multiple of Units:
+<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 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>''
- </h3>
+ </h4>
<p>The 'width' and 'height' properties
accept ''rounddown(<em>length</em>)''
@@ -520,7 +522,6 @@
For example, if the 'float' property is ''left'',
the fraction is added to the right margins.</p>
- <p class="issue">Should this be a property instead?</p>
<p class="issue">Is this design appropriate to solve text with floats case?</p>
<p class="issue">Are there requirements for table cell width?</p>
<p class="issue">Should have an option to left/right align instead of center?
@@ -547,6 +548,87 @@
<!-- --></code></pre>
</div>
+<h4>Rounding Lengths to Multiple of Units: the 'layout-grid-measure' property</h4>
+
+ <table class=propdef>
+ <tr>
+ <th>Name:
+ <td><dfn>layout-grid-measure</dfn>
+ <tr>
+ <th>Value:
+ <td>none
+ | auto
+ | <length>
+ || up | down
+ <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>
+
+<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:02:11 UTC