Sifa min-width

Sifa min-width inaweka upana wa chini wa kipengele. Thamani ya sifa inaweza kuwa yoyote vipimo vya vitengo au neno muhimu none, linalomaanisha ukosefu wa thamani.

Kawaida huwekwa kwa kipengele chenye upana unaoelea (upana umewekwa kwa asilimia au haujawekwa kabisa, na kipengele kinapanuka kwa upana kwa mujibu wa yaliyomo ndani yake). Ikiwa upana wa kipengele umewekwa kwa asilimia - inapopunguzwa dirisha la kivinjari itapungua, hadi ifikie thamani ya min-width.

Ki sintaksia

csskichaguli {
  max-width: thamani;
}

Mfano

Katika mfano huu, upana ni asilimia ya upana wa kipengele cha mzazi. Punguza dirisha la kivinjari kwa upana, na chombo pia kitapungua, ili kukabiliana na upana wa dirisha la kivinjari. Hata hivyo itapungua tu hadi kiwango kilichobainishwa katika min-width, hii ni 400px. Mara tu chombo kitakapofikia upana huu - itakoma kupungua:

html<div id="elem"></div>

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

Результат:

Mfano

Katika mfano huu, upana wa chombo umepunguzwa kwa pande zote mbili: haitaweza kuwa kubwa zaidi ya 900px wala ndogo zaidi ya 400px:

html<div id="elem"></div>

css#elem {
  width: 70%;
  min-width: 400px;
  max-width: 900px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Angalia pia