text-overflow css

The text-overflow property in CSS deals with situations when it overflows the element’s box. This text can be clipped (cut off, hidden), using an ellipsis (…). It is important that text-overflow only occurs when the container’s overflow property has the value hidden, scroll or auto and white-space: nowrap.¬†And it can only happen on block or inline-block level elements, because the element needs to have a width in order to be overflow-ed.

How text-overflow css is used and the result

Following shows the usage of this property and how the result is displayed.

text-overflow

Browser Support

Browser support

Browser support

Leave a Reply

Your email address will not be published. Required fields are marked *