Sifat min-height

Sifat min-height menetapkan ketinggian minimum elemen. Nilai sifat adalah sebarang unit untuk saiz atau kata kunci none, yang bermaksud tiada nilai.

Biasanya ditetapkan untuk elemen dengan lebar turun naik (ketinggian ditetapkan dalam peratusan atau tidak ditetapkan langsung, dan elemen mengembang secara menegak mengikut kandungannya).

Jika ketinggian minimum ditetapkan - elemen tidak boleh menjadi lebih kecil daripada ketinggian ini. Jika teks kurang daripada yang diperlukan untuk min-height, elemen akan mempunyai ketinggian min-height.

Jika teks lebih banyak - ketinggian elemen akan dikira bergantung pada jumlah teks.

Sintaks

pemilih {
	min-height: nilai;
}

Contoh

Dalam contoh ini, ketinggian tidak ditetapkan langsung dan akan dikira oleh pelayar secara automatik bergantung pada jumlah teks. Walau bagaimanapun, kerana sifat min-height ditetapkan, ketinggian tidak akan berkurang melebihi nilai ini, walaupun tiada teks di dalamnya:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	min-height: 100px;
	width: 300px;
	border: 1px solid black;
}

Contoh

Mari tambahkan lebih banyak teks kepada elemen - sehingga berlaku limpahan blok secara menegak. Dalam kes ini, blok kami hanya akan meningkatkan ketinggiannya:

<div id="elem">
	some long text
</div>

#elem {
	min-height: 100px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
}

Contoh

Sebagai perbandingan, mari lihat apa yang berlaku kepada blok jika ketinggian minimum dialih keluar, dan sebaliknya menetapkan sifat height:

<div id="elem">
	some long text
</div>

#elem {
	height: 100px;
	width: 300px;
	border: 1px solid black;
	text-align: justify;
	margin-bottom: 50px;
}

Lihat juga

sifat max-height,
yang menetapkan ketinggian maksimum elemen
sifat max-width,
yang menetapkan lebar maksimum elemen
sifat min-width,
yang menetapkan lebar minimum elemen