min Fonksiyonu

min fonksiyonu, verilen değerlerden en küçük olanı seçmeyi sağlar. Fonksiyon parametre olarak virgülle ayrılmış iki veya daha fazla değer alır ve bunlardan en küçüğünü döndürür.

Sözdizimi

cssseçici {
  özellik: min(değer1, değer2);
}

Örnek

Şimdi bloğun genişliği, hangisi daha küçükse 300px veya ebeveynden 50% değerine sahip olacak:

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;
}

Результат:

Ayrıca Bakınız

  • en büyük değeri döndüren max
    fonksiyonu
  • özellik değerlerini hesaplayan calc
    fonksiyonu