text-overflow

The text-overflow CSS property sets how hidden overflow content is signaled to users.

The text-overflow property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis (…), or display a custom string.

The text-overflow property doesn’t force an overflow to occur. To make text overflow its container, you have to set other CSS properties: overflow and white-space. For example:

The text-overflow property only affects content that is overflowing a block container element in its inline progression direction (not text overflowing at the bottom of a box, for example).

The text-overflow property may be specified using one or two values. If one value is given, it specifies overflow behavior for the end of the line (the right end for left-to-right text, the left end for right-to-left text). If two values are given, the first specifies overflow behavior for the left end of the line, and the second specifies it for the right end of the line.

Syntax example: text-overflow: clip;