คุณสมบัติ Style order
- หน้าก่อน opacity
- หน้าต่อไป orphans
- กลับไปยังเพจด้านบน อนุปราชญ์ HTML DOM Style
การกำหนดและการใช้งาน
order คุณสมบัติกำหนดลำดับขององค์ประกอบยืดหย่อเมื่ออยู่ในตัวแทนเดียวกัน
หมายเหตุ:ถ้าองค์ประกอบไม่ใช่องค์ประกอบยืดหย่อ order คุณสมบัติไม่ถูกต้อง
ดูเพิ่มเติม:
คู่มือ CSSorder ความกำหนดลำดับ
ตัวอย่าง
ตั้งค่าลำดับขององค์ประกอบยืดหย่อ:
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:
object.style.order
ตั้งค่าคุณสมบัติ order:
object.style.order = "number|initial|inherit"
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| number | ค่าเริ่มต้น 0 กำหนดลำดับขององค์ประกอบยืดหย่อ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial. |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเขา โปรดดู inherit. |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | 0 |
|---|---|
| ค่าที่กลับมา: | ตัวอักษร แสดงถึง order ความกำหนดลำดับ. |
| เวอร์ชั่น CSS: | CSS3 |
การสนับสนุนบราวเซอร์
ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 12.0 | สนับสนุน | สนับสนุน | สนับสนุน |
หน้าเกี่ยวข้อง
คู่มือ HTML DOM STYLEalignContent ความเรียงลำดับเนื้อหา
คู่มือ HTML DOM STYLEalignItems ความเรียงลำดับรายการ
คู่มือ HTML DOM STYLEalignSelf ความเรียงลำดับตัวเอง
คู่มือ HTML DOM STYLEflex ความยืดหย่อน
คู่มือ HTML DOM STYLEflexBasis ความกว้างขององค์ประกอบ
คู่มือ HTML DOM STYLEflexDirection คุณสมบัติ
คู่มือ HTML DOM STYLEflexFlow คุณสมบัติ
คู่มือ HTML DOM STYLEflexGrow คุณสมบัติ
คู่มือ HTML DOM STYLEflexShrink คุณสมบัติ
คู่มือ HTML DOM STYLEflexWrap คุณสมบัติ
- หน้าก่อน opacity
- หน้าต่อไป orphans
- กลับไปยังเพจด้านบน อนุปราชญ์ HTML DOM Style
