CSS text overflow Property
CSS text-overflow Property
The text-overflow property is used to specify how overflowed content that is not displayed should be signaled to the user. It can be clipped or display an ellipsis (...) or display a custom string. Some properties which must be present when using text-overflow are:-
- overflow: hidden;
- white-space: nowrap;
Default Value:-
Its default value is clip.
Syntax:-
Its syntax is:- text-overflow: clip | ellipsis | string | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
clip | The text is clipped and not accessible. |
ellipsis | Render an ellipsis (...) to represent the clipped text. |
string | Render the given string to represent the clipped text. |
initial | Sets this property to its default value. |
inherit | Inherits this property from its parent element. |