Min / Max

CSS min/max balandlik va kenglik

min-width va max-width xossalari elementning minimal va maksimal kengligini belgilash uchun ishlatiladi.

min-height va max-height xossalari elementning minimal va maksimal balandligini belgilash uchun ishlatiladi.

CSS’da max-width dan foydalanish

max-width.php">max-width xossasi elementning ruxsat etilgan maksimal kengligini belgilaydi. Bu element kengligining max-width qiymatidan kattalashishining oldini oladi.

max-width xossasi quyidagi qiymatlarga ega bo‘lishi mumkin:

• length — maksimal kenglikni px, cm va h.k. belgilaydi
• % — maksimal kenglikni o‘z ichiga oluvchi blok foizida belgilaydi
• none — bu standart. Maksimal kenglik yo‘qligini anglatadi

width xossasidagi bir muammo brauzer oynasi element kengligidan kichik bo‘lganda yuzaga kelishi mumkin. Unda brauzer sahifaga gorizontal skroll bar qo‘shadi. Demak, max-width ishlatish brauzerning kichik oynalardagi muomalasini yaxshilaydi.

CSS max-width misollari

Quyidagi ikki div o‘rtasidagi farqni ko‘rish uchun brauzer oynasini 600px dan kichikroqqa sudring!

width dan foydalanish:

max-width dan foydalanish:

Eslatma: Agar bir xil elementda width.php">width va max-width.php">max-width.php">max-width xossalarini ikkalasini ishlatsangiz va width qiymati max-width dan katta bo‘lsa; max-width qiymati ishlatiladi!

O‘zingiz sinab ko‘ring — Misollar

Elementning min-width va max-width qiymatlarini belgilash Bu misol elementning minimal va maksimal kengligini piksel qiymat yordamida belgilashni ko‘rsatadi.

Elementning min-height va max-height qiymatlarini belgilash Bu misol elementning minimal va maksimal balandligini piksel qiymat yordamida belgilashni ko‘rsatadi.

CSS Dimension xossalari