CSS line-clamp

[kenrick95]

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: CSS line-clamp property #1029
• Proposal for Interop 2025: Unprefixed line-clamp #725
• Proposal for Interop 2022: -webkit-line-clamp #16

[github-actions]

This comment was automatically generated based on the information you provided. Please don't edit it.

Below is additional information about the web feature (from the web-features project) which is referenced in your proposal.
If this doesn't accurately correspond to your proposal, please update your initial comment to include web-features: <feature-id>.
To find feature IDs, use the web-features explorer.

Feature line-clamp

• ID: line-clamp
• Name: line-clamp
• Description: The line-clamp CSS property limits the text in a block container to a certain number of lines. The prefixed -webkit-line-clamp is widely supported but only works with -webkit-box-orient: vertical in combination with display: -webkit-box or display: -webkit-inline-box.
• Baseline status: Limited Availability
• Docs: line-clamp CSS property
• Developer signals: 38 votes (details)
• State of CSS/JS/HTML surveys: State of CSS 2026 (usage question), State of CSS 2026 (shapes_graphics question), State of CSS 2026 (shapes_graphics question), State of CSS 2026 (layout question), State of CSS 2026 (_all_features question), State of CSS 2025 (usage question), State of CSS 2025 (typography question), State of CSS 2025 (features question), State of CSS 2024 (usage question), State of CSS 2024 (features question)
• WPT tests: wpt.fyi results
• More information: See the web-features explorer