Which CSS property can be used to control how text is displayed when it overflows its container, often resulting in an ellipsis?

Which CSS property can be used to control how text is displayed when it overflows its container, often resulting in an ellipsis?

• A. white-space
• B. overflow
• C. text-overflow
• D. word-wrap

Answer: (C)

Text-overflow is the property that controls how text behaves when it doesn't fit in its container, and it’s what enables the ellipsis effect. When you want an ellipsis at the end of a single line that’s too long, you typically combine it with settings like white-space: nowrap and overflow: hidden, for example: white-space: nowrap; overflow: hidden; text-overflow: ellipsis;. The text-overflow property specifies that the overflowed portion should be signaled to the user as an ellipsis, rather than just being cut off. White-space alone controls whether text wraps, and overflow alone decides what happens to content that doesn’t fit (clip, scroll, or show), but the ellipsis symbol comes from text-overflow: ellipsis. Word-wrap affects how long words break to wrap, not how the overflow is displayed with an ellipsis.