- From: Tantek Celik via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 04 Feb 2011 03:43:51 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-ui
In directory hutz:/tmp/cvs-serv31032
Modified Files:
Overview.html Overview.src.html
Added Files:
nes.png
Log Message:
text-overflow updates: block container instead of block-level, its block container (being more specific), and example that demonstrates both anonymous block boxes and the fact that text-overflow does not inherit (even visually).
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-ui/Overview.html,v
retrieving revision 1.17
retrieving revision 1.18
diff -u -d -r1.17 -r1.18
--- Overview.html 1 Feb 2011 01:06:24 -0000 1.17
+++ Overview.html 4 Feb 2011 03:43:49 -0000 1.18
@@ -55,12 +55,12 @@
src="http://www.w3.org/Icons/w3c_home" width=72> </a>
<h1>CSS Basic User Interface Module Level 3</h1>
- <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 1 February
+ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 4 February
2011</h2>
<dl>
<dt>This version:</dt>
- <!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20110201">http://www.w3.org/TR/2011/ED-css3-ui-20110201</a></dd> -->
+ <!-- <dd><a href="http://www.w3.org/TR/2011/ED-css3-ui-20110204">http://www.w3.org/TR/2011/ED-css3-ui-20110204</a></dd> -->
<dd><a
href="http://dev.w3.org/csswg/css3-ui/">http://dev.w3.org/csswg/css3-ui/</a>
@@ -2680,7 +2680,7 @@
<p>This section is <em>normative</em>.
<p>CSS2.1 provides a mechanism for controlling the appearance of a
- scrolling mechanism (e.g. scrollbars) on block-level elements. This
+ scrolling mechanism (e.g. scrollbars) on block container elements. This
specification adds to that a mechanism for controlling user resizability
of elements as well as the ability to specify text overflow behavior.
@@ -2911,8 +2911,8 @@
<td>as specified
</table>
- <p>This property specifies the behavior when text overflows a block-level
- element that has <span class=property>‘<code
+ <p>This property specifies the behavior when text overflows its block
+ container element that has <span class=property>‘<code
class=property>overflow</code>’</span> other than <span
class=value>‘<code class=property>visible</code>’</span>. Text
may overflow for example when it is prevented from wrapping (e.g. due to
@@ -2953,8 +2953,8 @@
<h4 class="no-num no-toc" id=text-overflow-examples>text-overflow examples</h4>
- <p>These examples demonstrate setting the text-overflow of a block-level
- element that has text which overflows its dimensions:</p>
+ <p>These examples demonstrate setting the text-overflow of a block
+ container element that has text which overflows its dimensions:</p>
<h5 class="no-num no-toc" id=sample-css-for-a-div>sample CSS for a div:</h5>
@@ -3019,6 +3019,27 @@
padding:.2em;
font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">CSS
IS AWESOME</div>
+
+ <tr>
+ <td>
+ <pre><code><div style="<a href="#ellipsis"><strong>text-overflow:ellipsis;</strong></a> overflow:hidden">
+NESTED
+ <p>PARAGRAPH</p>
+WON'T ELLIPSE.
+</div>
+</code></pre>
+
+ <td> <object data=nes.png type="image/png"> Fourth, a box with a nested
+ paragraph demonstrating anonymous block boxes equivalency and
+ non-inheritance into a nested element. </object>
+
+ <td>
+ <div style="width:3.2em; border:solid .1em black; margin:1em 0;
+ padding:.2em;
+ font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">NESTED
+
+ <p>PARAGRAPH</p>
+ WON'T ELLIPSE.</div>
</table>
</div>
--- NEW FILE: nes.png ---
(This appears to be a binary file; contents omitted.)
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-ui/Overview.src.html,v
retrieving revision 1.17
retrieving revision 1.18
diff -u -d -r1.17 -r1.18
--- Overview.src.html 1 Feb 2011 01:06:24 -0000 1.17
+++ Overview.src.html 4 Feb 2011 03:43:49 -0000 1.18
@@ -1431,7 +1431,7 @@
<p>This section is <em>normative</em>.</p>
-<p>CSS2.1 provides a mechanism for controlling the appearance of a scrolling mechanism (e.g. scrollbars) on block-level elements.
+<p>CSS2.1 provides a mechanism for controlling the appearance of a scrolling mechanism (e.g. scrollbars) on block container elements.
This specification adds to that a mechanism for controlling
user resizability of elements as well as the ability to specify text overflow behavior.</p>
@@ -1538,7 +1538,7 @@
</tbody></table>
<p>This property specifies the behavior when text overflows
-a block-level element
+its block container element
that has <span class="property">'overflow'</span>
other than <span class="value">'visible'</span>.
Text may overflow for example when it is prevented from wrapping
@@ -1573,7 +1573,7 @@
<div class="example"><p style="display:none">Example(s):</p>
<h4 class="no-num no-toc">text-overflow examples</h4>
-<p>These examples demonstrate setting the text-overflow of a block-level element that has text which overflows its dimensions:
+<p>These examples demonstrate setting the text-overflow of a block container element that has text which overflows its dimensions:
</p>
<h5 class="no-num no-toc">sample CSS for a div:</h5>
<pre><code class="css">div { width:3.2em; border:solid .1em black; margin:1em 0; padding:.2em; font-family:Helvetica,sans-serif}
@@ -1631,6 +1631,29 @@
<div style="width:3.2em; border:solid .1em black; margin:1em 0; padding:.2em; font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">CSS IS AWESOME</div>
</td>
</tr>
+
+
+<tr>
+<td><pre><code><div style="<strong>text-overflow:ellipsis;</strong> overflow:hidden">
+NESTED
+ <p>PARAGRAPH</p>
+WON'T ELLIPSE.
+</div>
+</code></pre></td>
+
+<td>
+<object type="image/png" data="nes.png">
+Fourth, a box with a nested paragraph demonstrating anonymous block boxes equivalency and non-inheritance into a nested element.
+</object>
+</td>
+
+<td>
+<div style="width:3.2em; border:solid .1em black; margin:1em 0; padding:.2em; font-family:Helvetica,sans-serif;overflow:hidden;text-overflow:ellipsis;">NESTED
+ <p>PARAGRAPH</p>
+WON'T ELLIPSE.</div>
+</td>
+
+</tr>
</tbody></table>
</div>
Received on Friday, 4 February 2011 03:43:52 UTC