CSS text-overflow Property

In CSS, the text-overflow property specifies that some text has overflown and is hidden from view. The white-space and overflow properties must be set to nowrap and hidden, respectively. Overflowing content can be clipped, an ellipsis (...) displayed, or a custom string displayed.

The text-overflow property does not compel an overflow. To make text overflow its container, you must use the overflow and white-space CSS properties.




Property Values

Value Description
clip The default value. The text has been clipped and is no longer accessible.
ellipsis To represent the clipped text, draw an ellipsis ("...").
string To represent the clipped text, render the given string.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
text-overflow 4.0 7.0 3.1 6.0 11.0
9.0 -o-