CSS Text-overflow

Reference on text-overflow of CSS, a list of allowed values, and useful examples.

The CSS Text-overflow property controls the overflow of text inside block elements.

Note. The Text-overflow property only applies to block elements.

Possible Values

visible overflow
clipped overflow
ellipses
custom string

Text-overflow Example

div {
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

This is an Example Div using above CSS

The above is an example div using the above CSS, if your browser supports text-overflow, you should see something like whats shown in the below image.

text overflow ellipses example

Possible Values

Text-overflow Example

Links