ตัวอย่าง
ตั้งค่าคำสั่งของรายการที่มีความยืดหยุ่น:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการเพื่อระบุลำดับของรายการญาติที่มีความยืดหยุ่นกับส่วนที่เหลือของรายการที่มีความยืดหยุ่นในภาชนะเดียวกัน
Note: หากองค์ประกอบไม่ได้เป็นรายการที่มีความยืดหยุ่นคุณสมบัติการสั่งซื้อไม่มีผล
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการการสั่งซื้อได้รับการสนับสนุนใน Firefox, Opera และ Chrome
วากยสัมพันธ์
คืนทรัพย์สินสั่งซื้อ:
object .style.order ตั้งค่าคุณสมบัติการสั่งซื้อ:
object .style.order=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ number ค่าเริ่มต้น 0. ระบุเพื่อให้รายการที่มีความยืดหยุ่น initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: สตริงที่เป็นตัวแทนของการสั่งซื้อทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: order property
HTML DOM สไตล์อ้างอิง: alignContent property
HTML DOM อ้างอิงสไตล์: alignItems property
HTML DOM สไตล์อ้างอิง: alignSelf property
HTML DOM สไตล์อ้างอิง: flex property
HTML DOM อ้างอิงสไตล์: flexBasis property
HTML DOM สไตล์อ้างอิง: flexDirection property
HTML DOM สไตล์อ้างอิง: flexFlow property
HTML DOM อ้างอิงสไตล์: flexGrow property
HTML DOM อ้างอิงสไตล์: flexShrink property
HTML DOM อ้างอิงสไตล์: flexWrap property
<สไตล์วัตถุ