Properti line-clamp
Properti left membatasi teks hingga jumlah
baris yang ditentukan. Alih-alih baris berlebih dalam teks,
elipsis ditambahkan.
Sintaks
selector {
line-clamp: none | jumlah baris
}
Contoh
Mari batasi teks kita hingga dua baris:
<p>
teks teks teks teks teks teks teks teks
teks teks teks teks teks teks teks teks
teks teks teks teks teks teks teks teks
teks teks teks teks teks teks teks teks
</p>
body {
width: 200px;
height: 100px;
}
p {
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
:
