minmax()
CSS minmax() funksiyasi CSS grid’lar bilan ishlatiladi va min qiymatidan katta yoki unga teng, max qiymatidan kichik yoki unga teng bo‘lgan o‘lcham oralig‘ini belgilaydi.
Misol
Grid ustunlari uchun o‘lcham oralig‘ini belgilashda minmax() funksiyasidan foydalaning:
.grid-container {
display: grid;
grid-template-columns: minmax(min-content, 350px) minmax(150px, 1fr) 120px;
grid-gap: 5px;
height: 150px;
background-color: green;
padding: 10px;
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| minmax() | 59 | 16 | 52 | 10.1 | 44 |
CSS sintaksisi
minmax(min, max)
| Qiymat | Tavsif |
|---|---|
| min | Majburiy. Minimal qiymat. Uzunlik, foiz, flex qiymati (fr) yoki quyidagi kalit so‘zlardan biri bo‘lishi mumkin: auto, max-content yoki min-content |
| max | Majburiy. Maksimal qiymat. Uzunlik, foiz, flex qiymati (fr) yoki quyidagi kalit so‘zlardan biri bo‘lishi mumkin: auto, max-content yoki min-content |
| Versiya: | CSS Grid Layout moduli, 2-daraja |
|---|
Tegishli sahifalar
CSS ma’lumotnomasi: CSS min() funksiyasi.
CSS ma’lumotnomasi: CSS max() funksiyasi.
CSS ma’lumotnomasi: CSS grid-template-columns xususiyati.
CSS ma’lumotnomasi: CSS grid-template-rows xususiyati.
CSS ma’lumotnomasi: CSS grid-auto-columns xususiyati.
CSS ma’lumotnomasi: CSS grid-auto-rows xususiyati.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!