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).

Author: Tantek Çelik

css3-ui/Overview.html

@@ -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 @@ <h2 id=resizing-amp-overflow><span class=secno>9. </span>Resizing &amp;
   <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 @@ <h3 id=text-overflow><span class=secno>9.2. </span> Overflow Ellipsis: the
      <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 @@ <h3 id=text-overflow><span class=secno>9.2. </span> Overflow Ellipsis: the
 
    <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 @@ <h5 class="no-num no-toc" id=sample-css-for-a-div>sample CSS for a div:</h5>
         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>
 

css3-ui/Overview.src.html

@@ -1431,7 +1431,7 @@ <h2>Resizing &amp; Overflow</h2>
 
 <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 @@ <h3 id="text-overflow">
 </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 @@ <h3 id="text-overflow">
 
 <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 @@ <h5 class="no-num no-toc">sample HTML fragments, renderings, and your browser:</
 <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>