fit-content()
CSS fit-content() funksiyasi elementning o‘lchamini uning kontentiga qarab belgilash imkonini beradi. Bunda quti/element mavjud bo‘sh joydan foydalanadi, lekin hech qachon kontentning maksimal o‘lchamidan kattalashmaydi.
Misol
Grid ustunlarining o‘lchamini belgilash uchun fit-content() funksiyasidan foydalaning:
#container {
display: grid;
grid-template-columns: fit-content(250px) fit-content(250px) auto;
grid-gap: 7px;
box-sizing: border-box;
height: 150px;
width: 100%;
background-color: green;
padding: 7px;
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| fit-content() | 57 | 16 | 52 | 10.1 | 44 |
CSS sintaksisi
fit-content(length|percentage)
| Qiymat | Tavsif |
|---|---|
| length | O‘lcham uchun absolyut uzunlikni belgilaydi |
| percentage | O‘lchamni mavjud bo‘sh joyga nisbatan foizda belgilaydi |
| Versiya: | CSS4 |
|---|
Tegishli sahifalar
CSS ma’lumotnomasi: CSS grid-auto-columns xususiyati.
CSS ma’lumotnomasi: CSS grid-auto-rows xususiyati.
CSS ma’lumotnomasi: CSS grid-template-columns xususiyati.
CSS ma’lumotnomasi: CSS grid-template-rows xususiyati.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!