Min-width xassəsi

min-width xassəsi elementin minimum enini təyin edir. Xassənin qiyməti kimi istənilən ölçü vahidləri ya da heç bir qiymət olmadığını ifadə edən none açar sözü ola bilər.

Adətən üzən eni olan element üçün təyin edilir (en faizlə verilib ya da ümumiyyətlə təyin edilməyib, və element eni ilə məzmununa görə genişlənir). Əgər elementin eni faizlə verilibsə - brauzer pəncərəsi kiçildildikdə, en min-width qiymətinə çatana qədər kiçiləcək.

Sintaksis

selektor {
	max-width: qiymet;
}

Nümunə

Bu nümunədə en valideynin enindən faiz təşkil edir. Brauzer pəncərəsinin enini kiçilddin, və konteyner də brauzer pəncərəsinin eninə uyğunlaşmaq üçün kiçiləcək. Lakin o, yalnız min-width ilə müəyyən edilmiş məbləğə qədər, yəni 400px qədər kiçiləcək. Konteyner bu enə çatan kimi kiçilməyi dayandıracaq:

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

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

Nümunə

Bu nümunədə konteynerin eni hər iki tərəfdən məhdudlaşdırılıb: o 900px-dan böyük və 400px-dan kiçik ola bilməz:

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

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

Həmçinin bax

max-width xassəsi,
elementin maksimum enini təyin edir
max-height xassəsi,
elementin maksimum hündürlüyünü təyin edir
min-height xassəsi,
elementin minimum hündürlüyünü təyin edir