Thứ tự kiểu dáng
Ví dụ
Đặt thứ tự của các mục 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";
Hãy tự mình thử »Sự miêu tả
Thuộc tính order chỉ định thứ tự của một mục linh hoạt so với các mục linh hoạt còn lại trong cùng một vùng chứa.
Lưu ý: Nếu phần tử không phải là mục linh hoạt thì thuộc tính order 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ả về thuộc tính đơn 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ả về: | Một Chuỗi, biểu diễn thuộc tính thứ tự của một phần tử |
Phiên bản CSS | CSS3 |
Trang liên quan
Tham chiếu CSS: thuộc tính đơn hàng
HTML DOM STYLE Tham chiếu: thuộc tính AlignContent
HTML DOM STYLE Tham chiếu: thuộc tính AlignItems
HTML DOM STYLE Tham chiếu: thuộc tính AlignSelf
Tham chiếu STYLE DOM HTML: thuộc tính flex
Tham khảo STYLE DOM HTML: thuộc tính flexBasis
HTML DOM STYLE Tham chiếu: thuộc tính flexDirection
Tham chiếu STYLE DOM HTML: thuộc tính flexFlow
Tham chiếu STYLE DOM HTML: thuộc tính flexGrow
Tham chiếu STYLE DOM HTML: thuộc tính flexShrink
HTML DOM STYLE Tham khảo: thuộc tính flexWrap