Sifat min-width

Sifat min-width menetapkan lebar minimum elemen. Nilai bagi sifat ini adalah sebarang unit untuk saiz atau kata kunci none, yang bermaksud tiada nilai.

Biasanya ditetapkan untuk elemen dengan lebar tidak tetap (lebar ditetapkan dalam peratusan atau tidak ditetapkan langsung, dan elemen mengembang mengikut kandungannya). Jika lebar elemen ditetapkan dalam peratusan - apabila tetingkap pelayar dikecilkan, lebarnya akan mengecil sehingga mencapai nilai min-width.

Sintaks

csspemilih {
  max-width: nilai;
}

Contoh

Dalam contoh ini, lebar adalah peratusan daripada lebar elemen induk. Kecilkan tetingkap pelayar dan bekas juga akan mengecil untuk menyesuaikan diri dengan lebar tetingkap pelayar. Namun, ia hanya akan mengecil sehingga saiz yang ditentukan dalam min-width, iaitu 400px. Setelah bekas mencapai lebar ini - ia akan berhenti mengecil:

html<div id="elem"></div>

css#elem {
  width: 70%;
  min-width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

Contoh

Dalam contoh ini, lebar bekas dihadkan pada kedua-dua belah pihak: ia tidak boleh menjadi lebih besar daripada 900px dan lebih kecil daripada 400px:

html<div id="elem"></div>

css#elem {
  width: 70%;
  min-width: 400px;
  max-width: 900px;
  height: 100px;
  border: 1px solid black;
}

Результат:

Lihat juga