CSS ความเปลี่ยนแปลงลำดับ
การเรียกใช้และความหมาย
คุณสมบัติ order กำหนดลำดับขององค์ประกอบที่มีของการยืดตัวเป็นเกณฑ์เมื่ออยู่ในสถานะที่เดียวกันในช่องที่เดียวกันของตัวแทน
หมายเหตุ：คุณสมบัติ order ไม่มีประโยชน์ถ้าองค์ประกอบไม่ใช่องค์ประกอบที่มีของการยืดตัว
ดูเพิ่มเติมที่：
คู่มือ CSSคุณสมบัติ flex
คู่มือ CSSคุณสมบัติ flex-basis
คู่มือ CSSคุณสมบัติ flex-direction
คู่มือ CSSคุณสมบัติ flex-flow
คู่มือ CSSคุณสมบัติ flex-grow
คู่มือ CSSคุณสมบัติ flex-shrink
คู่มือ CSSคุณสมบัติ flex-wrap
คู่มือ CSSคุณสมบัติ align-content
คู่มือ CSSคุณสมบัติ align-items
คู่มือ CSSคุณสมบัติ align-self
คู่มือ HTML DOMคุณสมบัติ order
ตัวอย่าง
กำหนดลำดับขององค์ประกอบที่มีของการยืดตัว：
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
การใช้งานภาษา CSS
order: number|initial|inherit;
ค่าของคุณสมบัติ
| ค่า | การอธิบาย |
|---|---|
| number | ค่าเริ่มต้นเป็น 0 กำหนดลำดับขององค์ประกอบที่มีของการยืดตัว |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น ดูที่ initial。 |
| inherit | สืบทอดคุณสมบัตินี้จากตัวปลายทางเพื่อนของมัน ดูที่ inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น： | 0 |
|---|---|
| การสืบทอด： | no |
| การสร้างแอนิเมชัน： | สนับสนุนแล้ว โปรดดูคุณสมบัติที่แยกต่างกัน โดยดูที่：คุณสมบัติที่เกี่ยวข้องกับอนุการ์แอนิเมชัน。 |
| เวอร์ชั่น： | CSS3 |
| การใช้งานภาษา JavaScript： | object.style.order="2" |
การสนับสนุนของเวอร์ชั่นบราวเซอร์
ตัวเลขในตารางระบุตัวเลขของเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้。
ตัวเลขในตารางระบุตัวเลขของเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
|
29.0 21.0 -webkit- |
11.0 |
28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
