CSS line-clamp

Description

This seems like a yearly affair to ask for unprefixed CSS line-clamp. The major use cases are to clamp lines of text in a card UI. So far, web developers need to use a very specific hack to achieve such UI, like the example shown in MDN:

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

Since the line-clamp draft proposal is specified in CSS Overflow Module 4, it would be best to continue the effort for implementation. From the last year's proposal, it seemed to have gathered quite a number of positive feedback, but alas it was not chosen for Interop 2026. Therefore I'd like to re-raise it again for Interop 2027

Specification

https://drafts.csswg.org/css-overflow-4/#line-clamp

web-feature

https://web-platform-dx.github.io/web-features-explorer/features/line-clamp/

Test Links

No response

Additional Signals

• Proposal for Interop 2026: https://github.com/web-platform-tests/interop/issues/1029
• Proposal for Interop 2025: https://github.com/web-platform-tests/interop/issues/725
• Proposal for Interop 2022: https://github.com/web-platform-tests/interop/issues/16

Start with the CSS Overflow Module 4 line-clamp specification, the linked web-feature entry, and the previous Interop proposals for 2022, 2025, and 2026. Check the repository's proposal expectations and identify relevant test links or coverage; done means producing a sufficiently supported Interop 2027 proposal.