Properti tinggi maksimum CSS
Contoh
Setel tinggi maksimum elemen <p> ke 50 piksel:
p.ex1
{
max-height: 50px;
}
Definisi dan Penggunaan
Properti max-height
mendefinisikan ketinggian maksimum suatu elemen.
Jika konten lebih besar dari ketinggian maksimum, itu akan meluap. Bagaimana wadah akan menangani konten yang meluap ditentukan oleh properti overflow .
Jika konten lebih kecil dari tinggi maksimum,
max-height
properti tidak berpengaruh.
Catatan: Ini mencegah nilai
properti height menjadi lebih besar dari
max-height
. Nilai
max-height
properti menimpa properti ketinggian.
Nilai bawaan: | tidak ada |
---|---|
Diwarisi: | tidak |
Animasi: | ya, lihat properti individu . Baca tentang animasi |
Versi: kapan: | CSS2 |
Sintaks JavaScript: | objek .style.maxHeight="100px" |
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Property | |||||
---|---|---|---|---|---|
max-height | 1.0 | 7.0 | 1.0 | 2.0.2 | 7.0 |
Sintaks CSS
max-height: none|length|initial|inherit;
Nilai properti
Value | Description | Play it |
---|---|---|
none | No maximum height. This is default | |
length | Defines the maximum height in px, cm, etc. Read about length units | |
% | Defines the maximum height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Halaman Terkait
Tutorial CSS: Tinggi dan Lebar CSS
Referensi CSS: properti min-height
Referensi DOM HTML: properti maxHeight