Home·CSS properties

text-overflow

Text

Trims overflowing text with an ellipsis; needs overflow and nowrap alongside it.

How to write ittext-overflow: clip;
Common valuesclip, ellipsis
InheritedNo — it stops at this element
CategoryText

How to read this

  • An inherited property only needs writing once on the parent — every child picks it up. Most text properties work this way.
  • A shorthand resets whatever you leave out. Writing background: red alone also wipes a background image you set earlier.
  • When rules collide, the more specific selector wins; only when specificity ties does source order decide.
  • Animate transform and opacity for smoothness. Changing width or top forces the layout to be recalculated.

Frequently asked questions

Q. What is the CSS text-overflow property?

Trims overflowing text with an ellipsis; needs overflow and nowrap alongside it.

Q. How do you write text-overflow?

As text-overflow: clip; Common values include clip, ellipsis.

Q. Is text-overflow inherited?

No. It applies only where you write it, so each element needs its own declaration.

Q. What group does text-overflow belong to?

The text group.

Properties in the same group

Reference docs