Max-width xassəsi

max-width xassəsi elementin maksimum enini təyin edir. Xassənin qiyməti kimi istənilən ölçü vahidləri ya da none açar sözü istifadə edilə bilər, bu heç bir qiymətin olmadığını ifadə edir.

Adətən bu xassə ü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əsini genişləndəndə o, max-width qiymətinə çatana qədər artacaq.

Sintaksis

cssselektor {
  max-width: qiymet;
}

Nümunə

Bu nümunədə en valideynin enindən faiz şəklində təyin edilib. Brauzer pəncərəsini genişləndirin, və konteyner də brauzer pəncərəsinin eninə uyğunlaşmaq üçün genişlənəcək. Lakin o, yalnız max-width-də müəyyən edilmiş məbləğə qədər, yəni 900px qədər genişlənəcək. Konteyner bu enə çatan kimi - genişlənməyi dayandıracaq:

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

css#elem {
  width: 70%;
  max-width: 900px;
  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:

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

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

Результат:

Həmçinin bax