Min-width xususiyati

min-width xususiyati elementning minimal kengligini belgilaydi. Xususiyat qiymati sifatida none kalit so'zi (qiymat yo'qligini bildiradi) yoki o'lchov birliklari ishlatilishi mumkin.

Odatda, suzuvchi kenglikka ega element (kengligi foizlarda belgilangan yoki umuman belgilanmagan va element kengligi o'z tarkibi bilan o'zgaruvchan) uchun belgilanadi. Agar element kengligi foizlarda belgilangan bo'lsa - brauzer oynasini kengligini kamaytirish bilan element kengligi min-width qiymatiga yetguncha kamayadi.

Sintaksis

selector {
	max-width: qiymat;
}

Misol

Ushbu misolda kenglik ota element kengligining foiz hisobidagi qismini tashkil qiladi. Brauzer oynasining kengligini kamaytiring va konteyner ham brauzer oynasi kengligiga moslashish uchun kichrayadi. Biroq, u min-width da belgilangan qiymat, ya'ni 400px gacha kamayadi. Konteyner ushbu kenglikka yetgach - kichrayish to'xtaydi:

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

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

Misol

Ushbu misolda konteyner kengligi ikkala tomondan chegaralangan: u 900px dan katta yoki 400px dan kichik bo'lishi mumkin emas:

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

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

Shuningdek qarang

elementning maksimal kengligini belgilovchi max-width xususiyati
elementning maksimal balandligini belgilovchi max-height xususiyati
elementning minimal balandligini belgilovchi min-height xususiyati