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 ❌
- Chrome Android ❌
- Edge ❌
- Firefox ❌
- Firefox for Android ❌
- Safari ❌
- Safari on iOS ❌
Developer signals
- State of CSS 2025: usage/css_interoperability_features question
- State of CSS 2025: typography/typography_pain_points question
- State of CSS 2025: features/all_features question
- State of CSS 2024: usage/css_interoperability_features question
- State of CSS 2024: features/all_features question
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist