สไตล์ การ สั่งซื้อคุณสมบัติ
ตัวอย่าง
กำหนดลำดับของรายการที่ยืดหยุ่นได้:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
ความหมายและการใช้งาน
คุณสมบัติ order ระบุลำดับของสินค้าแบบยืดหยุ่นที่สัมพันธ์กับสินค้าแบบยืดหยุ่นที่เหลือภายในคอนเทนเนอร์เดียวกัน
หมายเหตุ:หากองค์ประกอบไม่ใช่รายการที่ยืดหยุ่น คุณสมบัติของคำสั่งซื้อจะไม่มีผล
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติการสั่งซื้อ:
object.style.order
ตั้งค่าคุณสมบัติการสั่งซื้อ:
object.style.order = "number|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 0 |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงคุณสมบัติการสั่งซื้อขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: สั่งคุณสมบัติ
อ้างอิง HTML DOM STYLE: alignContent property
การอ้างอิง HTML DOM STYLE: alignItems property
อ้างอิง HTML DOM STYLE: alignSelf property
การอ้างอิง HTML DOM STYLE: flex property
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexBasis
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexDirection
การอ้างอิงสไตล์ HTML DOM: คุณสมบัติ flexFlow
การอ้างอิง HTML DOM STYLE: flexGrow property
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexShrink
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexWrap
❮ สไตล์วัตถุ