clean up summary and details of text-overflow ellipsis description, document bidi/direction details per WebKit + Opera consistent implementation.

Author: Tantek Çelik

css3-ui/Overview.html

@@ -2912,11 +2912,12 @@ <h3 id=text-overflow><span class=secno>9.2. </span> Overflow Ellipsis: the
   </table>
 
   <p>This property specifies the behavior when text overflows a block-level
-   element that has &lsquo;<code class=property>overflow</code>&rsquo; other
-   than &lsquo;<code class=property>visible</code>&rsquo;. Text may overflow
-   for example when it is prevented from wrapping (e.g. due to &lsquo;<code
-   class=css><code>white-space:nowrap</code></code>&rsquo; or a single word
-   is too long to fit). Values have the following meanings:
+   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
+   &lsquo;<code class=css><code>white-space:nowrap</code></code>&rsquo; or a
+   single word is too long to fit). Values have the following meanings:
 
   <dl>
    <dt><dfn id=clip title="text-overflow:clip"><code>clip</code></dfn>
@@ -2926,16 +2927,21 @@ <h3 id=text-overflow><span class=secno>9.2. </span> Overflow Ellipsis: the
    <dt><dfn id=ellipsis
     title="text-overflow:ellipsis"><code>ellipsis</code></dfn>
 
-   <dd>Render an ellipsis character (U+2026) to represent clipped text, just
-    before where the text would be otherwise clipped (in the direction of the
-    flow of the text being clipped), replacing however many characters are
-    necessary for the ellipsis to fit. If there is insufficient space for the
-    ellipsis itself to fit, then clip the rendering of the ellipsis itself.
-    Implementations may substitute a more language/script-appropriate
-    ellipsis character. Implementations may render three dots "..." instead
-    if the ellipsis character is unavailable. The ellipsis is styled
-    according to the element with text-overflow ellipsis (rather than any
-    deeper descendants without text-overflow ellipsis).
+   <dd>Render an ellipsis character (U+2026) to represent clipped text
+    replacing however many characters are necessary for the ellipsis to fit.
+    Characters are dropped in reverse document source order: later characters
+    are dropped first. If the <span class=property>&lsquo;<code
+    class=property>direction</code>&rsquo;</span> of the element is <span
+    class=value>&lsquo;<code class=property>ltr</code>&rsquo;</span> (<span
+    class=value>&lsquo;<code class=property>rtl</code>&rsquo;</span>) then
+    the ellipsis is rendered to the right (left) of the remaining characters
+    on the line. If there is insufficient space for the ellipsis itself to
+    fit, then clip the rendering of the ellipsis itself. Implementations may
+    substitute a more language/script-appropriate ellipsis character.
+    Implementations may render three dots "..." instead if the ellipsis
+    character is unavailable. The ellipsis is styled according to the element
+    with text-overflow ellipsis (rather than any deeper descendants without
+    text-overflow ellipsis).
   </dl>
 
   <div class=example>

css3-ui/Overview.src.html

@@ -1537,15 +1537,34 @@ <h3 id="text-overflow">
     <td>as specified</td></tr>
 </tbody></table>
 
-<p>This property specifies the behavior when text overflows a block-level  
-element that has 'overflow' other than 'visible'. Text may overflow for example when it is prevented from wrapping (e.g. due to '<code>white-space:nowrap</code>' or a single word is too long to fit). Values have the following meanings:</p>
+<p>This property specifies the behavior when text overflows 
+a block-level 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 
+(e.g. due to '<code>white-space:nowrap</code>' 
+or a single word is too long to fit). 
+Values have the following meanings:</p>
 
 <dl>
   <dt><dfn title="text-overflow:clip"><code>clip</code></dfn></dt>
     <dd>Clip text as appropriate. Glyphs may be only partially rendered.</dd>
 
   <dt><dfn title="text-overflow:ellipsis"><code>ellipsis</code></dfn></dt>
-    <dd>Render an ellipsis character (U+2026) to represent clipped text, just before where the text would be otherwise clipped (in the direction of the flow of the text being clipped), replacing however many characters are necessary for the ellipsis to fit. If there is insufficient space for the ellipsis itself to fit, then clip the rendering of the ellipsis itself. Implementations may substitute a more language/script-appropriate ellipsis character. Implementations may render three dots "..." instead if the ellipsis character is unavailable. The ellipsis is styled according to the element with text-overflow ellipsis (rather than any deeper descendants without text-overflow ellipsis).</dd>
+    <dd>Render an ellipsis character (U+2026) to represent clipped text 
+replacing however many characters are necessary for the ellipsis to fit. 
+Characters are dropped in reverse document source order: 
+later characters are dropped first. 
+If the <span class="property">'direction'</span> of the element is 
+<span class="value">'ltr'</span> (<span class="value">'rtl'</span>) 
+then the ellipsis is rendered to the right (left) of the remaining 
+characters on the line. If there is insufficient space for the 
+ellipsis itself to fit, then clip the rendering of the ellipsis itself. 
+Implementations may substitute a more language/script-appropriate 
+ellipsis character. Implementations may render three dots "..." instead 
+if the ellipsis character is unavailable. The ellipsis is styled according 
+to the element with text-overflow ellipsis (rather than any 
+deeper descendants without text-overflow ellipsis).</dd>
 </dl>
 
 <div class="example"><p style="display:none">Example(s):</p>