Max-height - Trik CSS | CSS Almanak 2024

The max-heightproperti di CSS digunakan untuk mengatur ketinggian maksimum dari elemen tertentu. Penulis dapat menggunakan salah satu nilai panjang selama nilainya positif. max-heightmengesampingkan ketinggian, tetapi min-heightselalu menimpa max-height.

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Lihat Pena ini!

Persentase dihitung sehubungan dengan ketinggian balok penampung. Jika tinggi blok penampung tidak ditentukan secara eksplisit, nilai persentase diperlakukan sebagai tidak ada. The max-heightproperti akan berlaku untuk semua elemen kecuali elemen non-diganti inline, kolom tabel, dan kelompok kolom (yaitu colgroup, col).