Properti max-height CSS

Definisi dan Penggunaan

Atribut max-height menetapkan tinggi maksimal elemen.

Keterangan

Nilai atribut ini akan menetapkan batasan tinggi tinggi maksimal elemen. Oleh karena itu, elemen dapat lebih tinggi daripada yang ditentukan, tetapi tidak dapat lebih tinggi. Tidak diizinkan untuk menentukan nilai negatif.

Komentar:Atribut max-height tidak termasuk marjin, batas, dan marjin internal.

Lihat Juga:

Panduan CSS:Ukuran

Panduan CSS:Atribut min-height

Panduan Referensi HTML DOM:Atribut maxHeight

Contoh

Atur tinggi maksimal paragraf:

p
  {
  max-height:100px;
  }

Coba Sendiri

Grammar CSS

max-height: none|length|initial|inherit;

Nilai atribut

Nilai Deskripsi
none Default. Tidak ada batasan tinggi maksimal yang diizinkan untuk elemen.
length Definisi tinggi maksimal elemen.
% Definisi tinggi maksimal berdasarkan persentase blok yang memuatnya.
inherit Aturan harus menerima nilai atribut max-height dari elemen induk.

Detil Teknologi

Nilai Default: none
Inheritance: no
Versi: CSS2
Grammar JavaScript: object.style.maxHeight="50px"

TIY Contoh

Atur tinggi maksimal elemen
Contoh ini menunjukkan bagaimana cara mengatur tinggi maksimal elemen.

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuhnya.

Chrome IE / Edge Firefox Safari Opera
1.0 7.0 1.0 2.0.2 7.0