Thứ tự CSS
Ví dụ
Đặt thứ tự của các mục linh hoạt:
div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}
Hãy tự mình thử »Định nghĩa và cách sử dụng
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.
Giá trị mặc định: | 0 |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | vâng, xem các thuộc tính riêng lẻ . Đọc về hoạt hình Hãy thử nó |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.order="2" Hãy thử nó |
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 là -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 | Demo |
---|---|---|
number | Default value 0. Specifies the order for the flexible item | Demo ❯ |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Tham khảo CSS: thuộc tính flex
Tham khảo CSS: thuộc tính cơ sở flex
Tham khảo CSS: thuộc tính flex-direction
Tham khảo CSS: thuộc tính flex-flow
Tham khảo CSS: thuộc tính flex-grow
Tham khảo CSS: thuộc tính flex-shrink
Tham khảo CSS: thuộc tính flex-wrap
Tham khảo CSS: thuộc tính căn chỉnh nội dung
Tham khảo CSS: thuộc tính căn chỉnh các mục
Tham khảo CSS: thuộc tính tự căn chỉnh
Tham chiếu DOM HTML: thuộc tính đơn hàng