Deskripsi
Properti max-height digunakan untuk mengatur batas atas pada ketinggian sebuah elemen.
Nilai yang Mungkin
length- Satuan panjang apapun. Elemen tidak akan pernah memiliki nilai ketinggian yang melebihi jarak ini.
percentage - Membatasi tinggi elemen paling banyak sebesar persentase ini dari tinggi blok penampung.
none - Tidak ada batasan ketinggian elemen.
Berlaku untuk
Semua elemen HTML kecuali elemen inline yang tidak diganti dan elemen tabel.
Sintaks DOM
object.style.maxHeight = "50px"
Contoh
Inilah contohnya -
<html>
<head>
</head>
<body>
<p style = "width:400px; max-height:10px; border:1px solid red; padding:5px; margin:10px;">
This paragraph is 400px wide and max height is 10px
This paragraph is 400px wide and max height is 10px
This paragraph is 400px wide and max height is 10px
This paragraph is 400px wide and max height is 10px
</p>
<img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84" />
</body>
</html>
Ini akan menghasilkan hasil sebagai berikut -