Skip to main content

Harshal V. LADHE

The CSS text-overflow Property

Using `text-overflow: ellipsis` to mark clipped text, what it needs to work, and how to style the ellipsis it draws.

Content tagged text-overflow

  • Tutorial:Colouring a CSS text-overflow Ellipsis Separately from Its Text

    Give truncated text's ellipsis a colour of its own.
    Change the colour of a CSS text-overflow: ellipsis without faking it — the dots take their styles from the truncating container, so an inline span can colour the text separately. Covers the truncation basics, flex and grid items, multi-line line-clamp, detecting truncation in JavaScript, accessibility and common pitfalls.
    Published at:
    Categories:CSS
    Estimated reading time:11 min read