flexWrap
Misol
Zarur bo‘lsa, flex elementlar keyingi qatorga o‘tsin:
document.getElementById("main".style.flexWrap = "wrap";O‘zingiz sinab ko‘ring »
Tavsif
flexWrap xususiyati flex elementlar keyingi qatorga o‘tishi (wrap) yoki o‘tmasligini belgilaydi.
Eslatma: Agar elementlar flex elementlar bo‘lmasa, flexWrap xususiyati hech qanday ta’sir qilmaydi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| flexWrap | Ha | 11.0 | Ha | 9.0 | Ha |
Sintaksis
flexWrap xususiyatini qaytarish:
object.style.flexWrap
flexWrap xususiyatini o‘rnatish:
object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| nowrap | Standart qiymat. Flex elementlar keyingi qatorga o‘tmasligini belgilaydi |
| wrap | Zarur bo‘lsa, flex elementlar keyingi qatorga o‘tishini belgilaydi |
| wrap-reverse | Zarur bo‘lsa, flex elementlar teskari tartibda keyingi qatorga o‘tishini belgilaydi |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | nowrap |
|---|---|
| Qaytariladigan qiymat: | Elementning flex-wrap xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: flex-wrap xususiyati
HTML DOM STYLE ma’lumotnomasi: flex xususiyati
HTML DOM STYLE ma’lumotnomasi: flexBasis xususiyati
HTML DOM STYLE ma’lumotnomasi: flexDirection xususiyati
HTML DOM STYLE ma’lumotnomasi: flexFlow xususiyati
HTML DOM STYLE ma’lumotnomasi: flexGrow xususiyati
HTML DOM STYLE ma’lumotnomasi: flexShrink xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!