Min-height xassəsi

min-height xassəsi elementin minimum hundurluyunu təyin edir. Xassənin qiyməti istənilən olcu vahidi ya da none açar sozu ola biler, ki bu da hec bir qiymət olmadıgını ifadə edir.

Adətən uzunen genisliyi dayisən (hundurluyu faizlə verilen ya da umumiyyətlə verilmeyen, ve oz kontenti ilə hundurluyu artan) element ucun təyin olunur.

Əgər minimum hundurluq təyin olunubsa - element bundan asagı kiçilə bilməz. Əgər mətn min-height ucun lazım olandan azdırsa, element min-height hundurluyuna malik olacaq.

Əgər mətn daha coxdursa - elementin hundurluyu mətnin miqdarından asılı olaraq hesablanacaq.

Sintaksis

selektor {
	min-height: qiymet;
}

Nümunə

Bu nümnumədə hundurluq umumen təyin olunmayıb ve brauzer tərəfindən avtomatik olaraq mətnin miqdarından asılı olaraq hesablanacaq. Lakin, min-height xassəsi təyin olundugu ucun, hundurluq bu qiymətdən asagı enməyəcək, hetta icində mətn umumen olmasa belə:

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

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

Nümunə

Gəlin elementə daha cox mətn elavə edək - belə ki, blokun hundurluqce dasması bas versin. Bu halda bizim blok sadəcə olaraq oz hundurluyunu artıracaq:

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

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

Nümunə

Müqayisə ücün gəlin görək bloka nə olacaq, əgər ona minimum hundurluğu silib, onun yerinə height xassəsini təyin etsək:

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

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

Həmçinin bax

max-height xassəsi,
ki bu da elementin maksimum hundurluyunu təyin edir
max-width xassəsi,
ki bu da elementin maksimum enini təyin edir
min-width xassəsi,
ki bu da elementin minimum enini təyin edir