Max-width xususiyati

max-width xususiyati elementning maksimal kengligini belgilaydi. Xususiyat qiymati sifatida istalgan o‘lchov birliklari yoki qiymat yo‘qligini anglatuvchi none kalit so‘zi ishlatiladi.

Odatda, bu xususiyat suzuvchi kenglikdagi element uchun belgilanadi (kenglik foizlarda berilgan yoki umuman berilmagan va element kengligi o‘z mazmuniga moslashadi). Agar element kengligi foizlarda berilgan bo‘lsa - brauzer oynasini kengaytirish bilan u max-width qiymatiga yetguncha kengayadi.

Sintaksis

selektor {
	max-width: qiymat;
}

Misol

Ushbu misolda kenglik ota element kengligining foizi sifatida berilgan. Brauzer oynasini kengaytiring, shunda konteyner ham brauzer oynasi kengligiga moslashish uchun kengayadi. Biroq, u faqat max-width da belgilangan qiymatgacha, ya’ni 900px gacha kengayadi. Konteyner bu kenglikka yetgach - kengayish to‘xtaydi:

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

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

Misol

Ushbu misolda konteyner kengligi ikkala tomondan cheklangan: u 900px dan katta yoki 400px dan kichik bo‘lolmaydi:

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

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

Shuningdek qarang

min-width xususiyati,
bu elementning minimal kengligini belgilaydi
max-height xususiyati,
bu elementning maksimal balandligini belgilaydi
min-height xususiyati,
bu elementning minimal balandligini belgilaydi