Fungsi max

Fungsi max membolehkan anda memilih nilai maksimum daripada nilai yang diberikan. Fungsi ini menerima dua atau lebih nilai sebagai parameter, dipisahkan oleh koma, dan mengembalikan nilai terbesar daripadanya.

Sintaks

csspemilih {
  sifat: max(nilai1, nilai2);
}

Contoh

Sekarang lebar blok akan mempunyai nilai sama ada 300px atau 50% daripada induk, bergantung pada nilai mana yang lebih besar:

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

Результат:

Lihat juga