Min funktsiyasi

min funktsiyasi berilgan qiymatlarning eng kichigini tanlash imkonini beradi. Funktsiya parametr sifatida vergul bilan ajratilgan ikki yoki undan ortiq qiymatlarni qabul qiladi va ulardeng eng kichigini qaytaradi.

Sintaksis

cssselector {
  property: min(value1, value2);
}

Misol

Endi blokning kengligi 300px yoki ota-blokning 50% qiymatiga ega bo'ladi, qaysi qiymat kichik ekanligiga qarab:

html<div id="parent">
  <div id="child"></div>
</div>

css#child {
  width: min(300px, 50%);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

Shuningdek qarang