line-clamp
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.
Status
Limited availability
MDN documentation
Specifications
Browser support (view on caniuse.com)
- Chrome ❌ See issues.chromium.org/issues/40336192 crbug.com/40336192
- Chrome Android ❌ See crbug.com/40336192
- Edge ❌
- Firefox ❌ See bugzil.la/1540681
- Firefox for Android ❌
- Safari ❌
- Safari on iOS ❌
Surveys
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > typography > typography pain points
- State of CSS 2025 > features > all features
- State of CSS 2024 > usage > css interoperability features
- State of CSS 2024 > features > all features
Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper votes
Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist