flexDirection
Misol
<div> elementi ichidagi flex elementlarning yo‘nalishini qayta tartiblang:
document.getElementById("main").style.flexDirection = "column-reverse";O‘zingiz sinab ko‘ring »
Tavsif
flexDirection xususiyati flex elementlarning yo‘nalishini o‘rnatadi yoki qaytaradi.
Eslatma: Agar element flex element bo‘lmasa, flexDirection xususiyati hech qanday ta’sir qilmaydi.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| flexDirection | Ha | 11.0 | Ha | 9.0 | Ha |
Sintaksis
flexDirection xususiyatini qaytarish:
object.style.flexDirection
flexDirection xususiyatini o‘rnatish:
object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| row | Standart qiymat. Flex elementlar gorizontal, qator shaklida ko‘rsatiladi |
| row-reverse | row bilan bir xil, lekin teskari tartibda |
| column | Flex elementlar vertikal, ustun shaklida ko‘rsatiladi |
| column-reverse | column bilan bir xil, lekin teskari tartibda |
| 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 |
|---|---|
| Qaytariladigan qiymat: | Elementning flex-direction xususiyatini ifodalovchi String |
| CSS versiyasi | CSS3 |
Tegishli sahifalar
CSS ma’lumotnomasi: flex-direction xususiyati
HTML DOM STYLE ma’lumotnomasi: flex xususiyati
HTML DOM STYLE ma’lumotnomasi: flexBasis xususiyati
HTML DOM STYLE ma’lumotnomasi: flexFlow 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!