Trailing ellipsis

text-overflow

Should text that doesn't fit be trailed off with an ellipsis or clipped abruptly?

Property values

Both the white-space:nowrap and overflow:hidden properties must be set in order for this to be meaningful. Use one of these keywords:

clip abruptly clip the text that doesn't fit
ellipsis add an ellipsis just after the last word that fits

Examples

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow

style > paragraph > text-overflowTrailing ellipsis

🔎