max-height
Properti CSS max-height digunakan untuk mengatur ketinggian maksimum elemen yang ditentukan.
Properti ini mengesampingkan properti height dan mencegah nilai properti height menjadi lebih besar dari nilai yang
ditentukan.
Penggunaan properti ini berguna untuk membatasi ketinggian elemen dalam CSS ke rentang tertentu.
Dua properti yang tersedia untuk menetapkan tinggi minimum dan maksimum untuk suatu elemen yaitu: properti min-height
dan max-height.
Properti max-height mengesampingkan properti height tetapi selalu diganti oleh properti min-height.
CSS Syntax
max-height: none | length | initial | inherit;
JavaScript Syntax
object.style.maxHeight="100px"
| Default value: | none |
|---|---|
| Inherited: | tidak |
| Animatable: | ya Read about animatable |
| Version: | CSS2 |
Attribute Value
default
max-height: none;
max-height: 2000px;
Kamu dapat menggunakan nilai numerik seperti piksel, (r)em, persentase …
Jika tinggi maksimum lebih besar dari tinggi elemen sebenarnya, tinggi maks tidak berpengaruh.
max-height: 100px;
overflow.