Sifa ya min-height

Sifa min-height inaweka urefu wa chini wa kipengele. Thamani ya sifa ni yoyote vitengo vya ukubwa au neno muhimu none, linalomaanisha ukosefu wa thamani.

Kawaida huwekwa kwa kipengele chenye upana unao yumba (urefu umewekwa kwa asilimia au haujawekwa kabisa, na kipengele kinaongezeka kwa urefu kwa mujibu wa yaliyomo.

Ikiwa urefu wa chini umewekwa - basi chini ya urefu huu kipengele hakiwezi kuwa. Ikiwa maandishi ni machache, kuliko inavyohitajika kwa min-height, kipengele kitakuwa na urefu wa min-height.

Ikiwa maandishi ni zaidi - urefu wa kipengele utahesabiwa kulingana na kiasi cha maandishi.

Syntaxi

csskichaguzi {
  min-height: thamani;
}

Mfano

Katika mfano huu urefu haujawekwa kabisa na utahesabiwa na kivinjari peke yake kulingana na kiasi cha maandishi. Hata hivyo, kwa kuwa sifa min-height imewekwa, basi urefu hautaenda chini ya thamani hii, hata kama hakutakuwa na maandishi ndani yake:

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

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

Результат:

Mfano

Wacha tuongeze maandishi zaidi kwenye kipengele - ili kufikia kufurika kwa kizuia kwa urefu. Katika kesi hii kizuia chetu kitaongeza tu urefu wake:

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

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

Результат:

Mfano

Kwa kulinganisha wacha tuone, itakuwaje na kizuia, ikiwa tutaondoa urefu wa chini, na badala yake tukaweka sifa height:

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

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

Результат:

Angalia pia