Min-height - Trik CSS

Anonim

The min-heightproperti di CSS digunakan untuk mengatur ketinggian minimum dari elemen tertentu. The min-heightproperti selalu menimpa kedua heightdan max-height. Penulis dapat menggunakan salah satu nilai panjang selama nilainya positif.

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Jika salah satu nilai lebih besar ( height> min-heightatau sebaliknya), nilai yang terbesar akan menjadi nilai yang diberikan. The min-heightproperti akan berlaku untuk semua elemen kecuali elemen non-diganti inline, kolom tabel, dan kelompok kolom (yaitu colgroup, col).

Dukungan browser

YAITU Tepi Firefox Chrome Safari Opera
Semua Semua Semua Semua Semua Semua
Android Chrome Android Firefox Browser Android iOS Safari Opera Mobile
Semua Semua Semua Semua 59+
Sumber: caniuse

Properti terkait

Almanak pada 15 Januari 2021

tinggi

.element ( height: 500px; ) Sara Cope