Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

text-overflow

Change Revisions

Revision 25042:

Revision 25042 by Jürgen Jeka on

Revision 25043:

Revision 25043 by Znerd on

Title:
text-overflow
text-overflow
Slug:
CSS/text-overflow
CSS/text-overflow
Tags:
css, NeedsTechnicalReview, "CSS Reference", CSS3, NeedsMobileBrowserCompatibility
css, NeedsTechnicalReview, "CSS Reference", CSS3, NeedsMobileBrowserCompatibility
Content:

Revision 25042
Revision 25043
n17      The <code>text-overflow</code> CSS property determines whetn17      The <code>text-overflow</code> CSS property determines whet
>her an ellipsis <strong>…</strong> displays when text content has>her some text (typically an ellipsis <strong>…</strong>) displays
> overflowed its given layout area. To force overflow to occur and> when text content has overflowed its given layout area. To force
> ellipses to be applied, the author must apply some additional pr> overflow to occur and ellipses to be applied, the author must ap
>operties on the element. See example below.>ply some additional properties on the element. See example below.
n23text-overflow:  ellipsis | clipn23text-overflow:  ellipsis | clip | &lt;string&gt;
nn41      <dt>
42        &lt;string&gt;
43      </dt>
44      <dd>
45        Render the given string to represent clipped text.
46      </dd>
n51      -o-text-overflow: ellipsis;    /* Opera */n57      -o-text-overflow:  ellipsis;   /* Opera */
58      -ms-text-overflow: ellipsis;   /* IE 8 Standards Mode */
52      text-overflow:    ellipsis;    /* IE, Safari (WebKit) */59      text-overflow:     ellipsis;   /* IE, Safari/Chrome (WebKit
 >) */
n96            <code>text-overflow</code>n103            <code>text-overflow</code> (see note below for IE&nbs
 >p;8)<code><br></code>
t135      IE8 introduced <code>-ms-text-overflow,</code> synonymous wt142      Note: In IE8 Standards Mode, text-overflow is no longer sup
>ith <code>text-overflow</code>. Don't use the <code>-ms-</code> p>ported and replaced with <code>-ms-text-overflow.</code> See the 
>refix.>article <a class="external" href="http://blogs.msdn.com/ie/archiv
 >e/2008/09/08/microsoft-css-vendor-extensions.aspx" title="http://
 >blogs.msdn.com/ie/archive/2008/09/08/microsoft-css-vendor-extensi
 >ons.aspx">Microsoft CSS Vendor Extensions</a> on the IEBlog.

Back to History