flexFlow
Misol
Flex elementlarni ustun shaklida va keyingi qatorga o‘tkazmasdan ko‘rsating:
document.getElementById("main").style.flexFlow = "column nowrap";O‘zingiz sinab ko‘ring »
Tavsif
flexFlow xususiyati flexDirection va flexWrap xususiyatlari uchun qisqartma (shorthand) xususiyatdir.
flexDirection xususiyati flex elementlarning yo‘nalishini belgilaydi.
flexWrap xususiyati flex elementlar keyingi qatorga o‘tishi (wrap) yoki o‘tmasligini belgilaydi.
Eslatma: Agar elementlar flex elementlar bo‘lmasa, flexFlow xususiyati hech qanday ta’sir qilmaydi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| flexFlow | Ha | 11.0 | Ha | 9.0 | Ha |
Sintaksis
flexFlow xususiyatini qaytarish:
object.style.flexFlow
flexFlow xususiyatini o‘rnatish:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| flex-direction | Mumkin bo‘lgan qiymatlar: row row-reverse column column-reverse initial inherit Standart qiymat: "row". Flex elementlarning yo‘nalishini belgilaydi |
| flex-wrap | Mumkin bo‘lgan qiymatlar: nowrap wrap wrap-reverse initial inherit Standart qiymat: "nowrap". Flex elementlar keyingi qatorga o‘tishi yoki o‘tmasligini 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: | row nowrap |
|---|---|
| Qaytariladigan qiymat: | Elementning flex-flow xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: flex-flow 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: flexGrow xususiyati
HTML DOM STYLE ma’lumotnomasi: flexShrink xususiyati
HTML DOM STYLE ma’lumotnomasi: flexWrap xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!