max Fonksiyonu

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

Sözdizimi

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

Örnek

Şimdi bloğun genişliği, hangisi daha büyük olduğuna bağlı olarak 300px veya ebeveynden 50% değerine sahip olacaktır:

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

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

Результат:

Ayrıca Bakınız