CSS property: text-overflow


This property specifies rendering when inline content overflows its block container element ("the block") in its inline progression direction that has overflow other than visible.

Text can overflow for example when it is prevented from wrapping (e.g. due to white-space:nowrap or a single word is too long to fit).


text-overflow: ( clip | ellipsis | <string> ){1,2};


clip (by default)
Clip inline content that overflows. Characters may be only partially rendered.
Render an ellipsis character (U+2026) to represent clipped inline content. Implementations may substitute a more language/script-appropriate ellipsis character, or three dots "..." if the ellipsis character is unavailable.
Render the given string to represent clipped inline content. The given string is treated as an independent paragraph for bidi purposes.