B.114. text-overflow

This nonstandard property, supported by Internet Explorer 6 for Windows, lets you handle text that is clipped by the width of an element more elegantly. The portion of the string that would normally overflow the edge of the box is replaced with an ellipsis (…).

The element must have its overflow property set to something other than visible (although hidden is the only value that really makes sense) for this property to have any effect.

Note that this property affects only text that is clipped by the width of the element (or the height in vertical writing systems), either because word-wrapping is disabled with the white-space property, or because a long word or other non-wrappable text segment is too long to fit in the box.

Inherited: No

See also: Section B.77overflow, Section B.124white-space, Section B.126width

B.114.1. Value

This property can be set to either of these two constants:

• clip

• ellipsis

Initial value: clip

B.114.2. Compatibility

CSS Version: n/a

Internet Explorer for Windows version 6 or later only.

B.114.3. Example

This style rule specifies that text within table cells should not be wrapped, and that text that does not fit within a cell should be shown with an ellipsis:

td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}