Sifat max-width

Sifat max-width menetapkan lebar maksimum elemen. Nilai sifat adalah sebarang unit untuk saiz atau kata kunci none, yang bermaksud tiada nilai.

Biasanya sifat 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 dibesarkan, ia akan meningkat sehingga mencapai nilai max-width.

Sintaks

pemilih {
	max-width: nilai;
}

Contoh

Dalam contoh ini, lebarnya adalah peratusan dari lebar elemen induk. Besarkan tetingkap pelayar secara melintang, dan bekas juga akan membesar, untuk menyesuaikan diri dengan lebar tetingkap pelayar. Walau bagaimanapun, ia hanya akan membesar sehingga saiz yang ditentukan dalam max-width, iaitu 900px. Sejurus bekas mencapai lebar ini - ia akan berhenti membesar:

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

#elem {
	width: 70%;
	max-width: 900px;
	height: 300px;
	border: 1px solid black;
}

Contoh

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

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

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

Lihat juga

sifat min-width,
yang menetapkan lebar minimum elemen
sifat max-height,
yang menetapkan ketinggian maksimum elemen
sifat min-height,
yang menetapkan ketinggian minimum elemen