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.

Learning resources on MDN

No MDN documentation found. You can search for the feature on MDN. If you believe that MDN has no documentation about this feature, you can open an issue on MDN's GitHub repository.

Browser support (view on caniuse.com)

• Chrome ❌
• Chrome Android ❌
• Edge ❌
• Firefox ❌
• Firefox for Android ❌
• Safari 18.2 Released on 2024-12-11
• Safari on iOS 18.2 Released on 2024-12-11

View web-platform-tests results for this feature - View the feature source file - Edit the feature - Report an issue about this feature