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

csswg/css3-ui nes.png,NONE,1.1 Overview.html,1.17,1.18 Overview.src.html,1.17,1.18

From: Tantek Celik via cvs-syncmail <cvsmail@w3.org>
Date: Fri, 04 Feb 2011 03:43:51 +0000
To: public-css-commits@w3.org
Message-Id: <E1PlCaN-00084o-6D@lionel-hutz.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>&lsquo;<code
+  <p>This property specifies the behavior when text overflows its block
+   container element that has <span class=property>&lsquo;<code
    class=property>overflow</code>&rsquo;</span> other than <span
    class=value>&lsquo;<code class=property>visible</code>&rsquo;</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>&lt;div style="<a href="#ellipsis"><strong>text-overflow:ellipsis;</strong></a> overflow:hidden"&gt;
+NESTED
+ &lt;p&gt;PARAGRAPH&lt;/p&gt;
+WON'T ELLIPSE.
+&lt;/div&gt;
+</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>&lt;div style="<strong>text-overflow:ellipsis;</strong> overflow:hidden"&gt;
+NESTED
+ &lt;p&gt;PARAGRAPH&lt;/p&gt;
+WON'T ELLIPSE.
+&lt;/div&gt;
+</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

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:26:01 UTC