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

cssselektor {
  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ə:

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

css#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:

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

css#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:

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

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

Результат:

Həmçinin bax