Property max-height digunakan untuk mengatur ketinggian maksimum elemen yang ditentukan.

Ini mengesampingkan properti tinggi dan mencegah nilai properti tinggi menjadi lebih besar dari nilai yang ditentukan.

Terkadang berguna untuk membatasi ketinggian elemen dalam CSS ke rentang tertentu. Dua properti tersedia untuk menetapkan tinggi minimum dan maksimum untuk suatu elemen: properti min-height dan properti max-height.

Properti max-height mengesampingkan properti height tetapi selalu diganti oleh properti min-height.

max-height: <length> | <percentage> | none | inherit

Contoh

max-height: 100%;
max-height: 100vh;
max-height: 10em;
max-height: 400px;
max-height: none;