CSS property: text-overflow
Description
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).
Syntax
text-overflow: ( clip | ellipsis | <string> ){1,2};
Values
- clip (by default)
- Clip inline content that overflows. Characters may be only partially rendered.
- ellipsis
- 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. - <string>
- Render the given string to represent clipped inline content. The given string is treated as an independent paragraph for bidi purposes.