mozilla

Compare Revisions

text-overflow

Change Revisions

Revision 25055:

Revision 25055 by evilpie on

Revision 25056:

Revision 25056 by Sheppy 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 25055
Revision 25056
n11      The <code>text-overflow</code> CSS property determines whetn11      The <code>text-overflow</code> CSS property determines whet
>her an ellipsis <strong>…</strong> displays when text content has>her an ellipsis <strong>("")</strong> displays when text content
> overflowed its given layout area. To force overflow to occur and> has overflowed its given layout area. To force overflow to occur
> ellipses to be applied, the author must apply some additional pr> and ellipses to be applied, the author must apply some additiona
>operties on the element. See example below.>l properties on the element. See example below.
n24        ellipsisn24        <code>ellipsis</code>
n30        clipn30        <code>clip</code>
n40  p {n40p {
41      white-space: nowrap;41  white-space: nowrap;
42      width: 100%;                   /* IE6 needs any width */42  width: 100%;                   /* IE6 needs any width */
43      overflow: hidden;              /* "overflow" value must be 43  overflow: hidden;              /* "overflow" value must be diff
>different from "visible" */ >erent from "visible" */ 
t45      -o-text-overflow: ellipsis;    /* Opera 9-10 */t45  -o-text-overflow: ellipsis;    /* Opera 9-10 */
46      text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrom46  text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), 
>e), Firefox 7, Opera 11 */>Firefox 7, Opera 11 */
47   }47}

Back to History