Support prefixing `line-clamp`

Author: jathakCreated Jun 15, 2020Updated Jun 11, 2026
Labelssupport

While the standard line-clamp property is not yet supported in any browsers, the prefixed -webkit-line-clamp is unusual in that it is supported in all modern browsers, including Firefox.

-webkit-line-clamp, unlike the standard line-clamp, also requires display: -webkit-box and -webkit-box-orient: vertical, so ideally Autoprefixer should add those properties as well.

Input

.example {
  line-clamp: 2;
}

Expected Output (for all current browsers)

.example {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
}