Rekomendasi Kursus:

Fungsi min() CSS

Definisi dan Penggunaan CSS min() Fungsi akan memilih nilai terkecil dari daftar nilai yang dipisahkan koma sebagai nilai atribut.

Petunjuk:Anda dapat mengatur min() Fungsi dilihat sebagai batas maksimal untuk elemen.

Contoh

Gunakan min() Atur lebar #div1 maksimal 300px, tetapi jika lebar viewport kurang dari 600px, lebar akan lebih kecil (50%):

#div1 {
  background-color: yellow;
  height: 80px;
  width: min(50%, 300px);
}

Coba Sendiri

CSS Syntax

min(value1, value2, ...)
Nilai Deskripsi
value1, value2, ... Diperlukan. Daftar nilai yang dipisahkan koma, pilih nilai terkecil.

Detil Teknologi

Versi: Modul Nilai dan Satuan CSS Level 4

Dukungan Browser

Angka di tabel menunjukkan versi browser yang pertama yang sepenuhnya mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

Halaman yang berhubungan

Referensi:Fungsi max() CSS

Panduan:Fungsi matematika CSS