Thuộc tính đặt hàng CSS
Thí dụ
Đặt thứ tự của các mặt hàng linh hoạt:
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
Định nghĩa và Cách sử dụng
Thuộc order
tính chỉ định thứ tự của một mục linh hoạt so với phần còn lại của các mục 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, thuộc
order
tính không có hiệu lực.
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | không |
Hoạt hình: | có, hãy xem các thuộc tính riêng lẻ . Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.order = "2" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau -webkit- hoặc -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
order | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
Cú pháp CSS
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 |
Các trang liên quan
Tham chiếu CSS: thuộc tính flex
Tham chiếu CSS: thuộc tính flex-base
Tham chiếu CSS: thuộc tính flex-direction
Tham chiếu CSS: thuộc tính flex-flow
Tham khảo CSS: thuộc tính flex-grow
Tham chiếu CSS: thuộc tính flex-co
Tham chiếu CSS: thuộc tính flex-wrap
Tham chiếu CSS: thuộc tính align-content
Tham chiếu CSS: thuộc tính align-items
Tham khảo CSS: thuộc tính align-self
Tham chiếu DOM HTML: thuộc tính đặt hàng