Phong cách đặt hàng Thuộc tính
Thí dụ
Đặt thứ tự của các mặt hàng linh hoạt:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Định nghĩa và Cách sử dụng
Thuộc tính order chỉ định thứ tự của một mặt hàng linh hoạt so với phần còn lại của các mặt hàng linh hoạt bên trong cùng một vùng chứa.
Lưu ý: Nếu phần tử không phải là một mục linh hoạt, thì thuộc tính đặt hàng sẽ không có hiệu lực.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính đơn đặt hàng:
object.style.order
Đặt thuộc tính đơn hàng:
object.style.order = "number|initial|inherit"
Giá trị tài sản
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 |
Chi tiết kỹ thuật
Giá trị mặc định: | 0 |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính thứ tự của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Tham chiếu CSS: thuộc tính đặt hàng
HTML DOM STYLE Tham khảo: thuộc tính alignContent
HTML DOM STYLE Tham khảo: thuộc tính alignItems
HTML DOM STYLE Tham khảo: thuộc tính alignSelf
HTML DOM STYLE Tham chiếu: thuộc tính flex
HTML DOM STYLE Tham chiếu: thuộc tính flexBasis
Tham chiếu HTML DOM STYLE: thuộc tính flexDirection
Tham chiếu HTML DOM STYLE: thuộc tính flexFlow
HTML DOM STYLE Tham khảo: thuộc tính flexGrow
HTML DOM STYLE Tham khảo: thuộc tính flexShrink
Tham chiếu HTML DOM STYLE: thuộc tính flexWrap
❮ Đối tượng phong cách