Text overflow

The text-overflow CSS property sets how hidden overflow content appears to users. The property can clip content, truncate content with an ellipsis (…), or truncate with a custom string.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

1

Supported

Mozilla Firefox

7

Supported

Apple Safari

1.3

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

7

Safari iOS

1

Specifications and References

Specification ↗ Can I Use (text-overflow) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.text-overflow ↗ css.properties.text-overflow.clip ↗ css.properties.text-overflow.ellipsis ↗ css.properties.text-overflow.two_value_syntax ↗ svg.global_attributes.text-overflow ↗