text-overflow: clip

Clip text as appropriate. Glyphs may be only partially rendered. This text will be clipped.

text-overflow: ellipsis

Render an ellipsis (U+2026) to represent clipped text. This text should end in an ellipsis.

text-overflow: -o-ellipsis-lastline

Render an ellipsis (U+2026) to represent clipped text. This text spans over more than one line. The height has been set to fit around two lines of text. The second line should end in an ellipsis.

The text-overflow property allows you to define the behaviour when text overflows out of its container, and the overflow is clipped (e.g. scroll or hidden). The default is clip, which means the text is clipped at the point where it overflows, even if only a partial glyph is rendered. The ellipsis keyword will clip the text and add an ellipsis (…) character. The text-overflow property is only applied when text wrapping is supressed (e.g. using white-space: nowrap; or white-space: pre;). The text-overflow property has lost its prefix in Opera 10.60. The prefixed version is no longer supported.

Opera 10.60 has added the ability to clip text on multi-line blocks. If text spans more than one line, the -o-ellipsis-lastline value can be specified. As the name suggests this will add an ellipsis to the last line of visible text. The ellipsis-lastline value is currently not in any specifications so must be used with the -o- prefix.