สไตล์flexDirectionคุณสมบัติ
ตัวอย่าง
จัดเรียงทิศทางของรายการที่ยืดหยุ่นภายในองค์ประกอบ <div>:
document.getElementById("main").style.flexDirection = "column-reverse";
ความหมายและการใช้งาน
คุณสมบัติ flexDirection ตั้งค่าหรือส่งคืนทิศทางของรายการที่ยืดหยุ่น
หมายเหตุ:หากองค์ประกอบไม่ใช่รายการที่ยืดหยุ่น คุณสมบัติ flexDirection จะไม่มีผลใดๆ
รองรับเบราว์เซอร์
| Property | |||||
|---|---|---|---|---|---|
| flexDirection | Yes | 11.0 | Yes | 9.0 | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ flexDirection:
object.style.flexDirection
ตั้งค่าคุณสมบัติ flexDirection:
object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
มูลค่าทรัพย์สิน
| Value | Description |
|---|---|
| row | Default value. The flexible items are displayed horizontally, as a row |
| row-reverse | Same as row, but in reverse order |
| column | The flexible items are displayed vertically, as a column |
| column-reverse | Same as column, but in reverse order |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
| ค่าเริ่มต้น: | แถว |
|---|---|
| คืนมูลค่า: | A String แทนคุณสมบัติ flex-direction ของ element |
| เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: คุณสมบัติ flex-direction
การอ้างอิง HTML DOM STYLE: flex property
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexBasis
การอ้างอิงสไตล์ HTML DOM: คุณสมบัติ flexFlow
การอ้างอิง HTML DOM STYLE: flexGrow property
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexShrink
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexWrap
❮ สไตล์วัตถุ