Which CSS property defines how text should be handled when it extends beyond its allotted area?

Which CSS property defines how text should be handled when it extends beyond its allotted area?

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

Answer: (B)

Text that doesn’t fit in its container is managed by a specific text rendering behavior. The property that defines how that extra text is presented is text-overflow. It tells the browser how to display the portion of text that extends beyond the available width—typically clipping it or showing an ellipsis to indicate more content. In practice, you usually use text-overflow together with overflow (to clip or scroll) and white-space: nowrap (to keep the text on a single line), so the truncation is clear and consistent. Other properties handle different aspects: overflow decides whether content can spill out or must scroll, white-space controls line breaks, and word-wrap breaks long words to fit. But for deciding how the overflowed text itself is shown, text-overflow is the right choice.

Text that doesn’t fit in its container is managed by a specific text rendering behavior. The property that defines how that extra text is presented is text-overflow. It tells the browser how to display the portion of text that extends beyond the available width—typically clipping it or showing an ellipsis to indicate more content. In practice, you usually use text-overflow together with overflow (to clip or scroll) and white-space: nowrap (to keep the text on a single line), so the truncation is clear and consistent. Other properties handle different aspects: overflow decides whether content can spill out or must scroll, white-space controls line breaks, and word-wrap breaks long words to fit. But for deciding how the overflowed text itself is shown, text-overflow is the right choice.