CSS text-overflow property

CSS text-overflow

CSS text-overflow is used to specify how to signal the overflowed content that is not displayed to the user.

In order to use this property, following properties are required.

  • white-space: pre or white-space: nowrap
  • overflow: hidden

Example

Try Yourself

Following are the values used in CSS text-overflow property,

  • clip : It is the default value. The overflown content is clipped.
  • ellipsis : It renders ellipsis(...) to represent clipped text.
  • *** : It renders the overflow text by 3 stars (***).

CSS text-overflow:'***' property value only supported in Mozilla Firefox.