Thuộc tính Style flexDirection

Định nghĩa và cách sử dụng

flexDirection Thiết lập hoặc trả về hướng của phần tử 弹性.

Ghi chú:Nếu phần tử không phải là phần tử 弹性, thì flexDirection Thuộc tính không hợp lệ.

Xem thêm:

Tham khảo hướng dẫn CSS:flex-direction 属性

Mô hình

Thay đổi hướng các phần tử 弹性 trong phần tử <div>:

document.getElementById("main").style.flexDirection = "column-reverse";

Thử ngay

Cú pháp

Trả về thuộc tính flexDirection:

object.style.flexDirection

Đặt thuộc tính flexDirection:

object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
row Giá trị mặc định. Hiển thị các phần tử 弹性 theo chiều ngang, như một hàng.
row-reverse Như row nhưng theo thứ tự ngược lại.
column Hiển thị các phần tử 弹性 theo chiều dọc, như một cột.
column-reverse Như column nhưng theo thứ tự ngược lại.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Ghi đè thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: row
Giá trị trả về: Chuỗi biểu thị hướng của phần tử flex-direction 属性.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 11.0 Hỗ trợ 9.0 Hỗ trợ

Trang liên quan

HTML DOM STYLE Tham khảo hướng dẫn:flex 属性

HTML DOM STYLE Tham khảo hướng dẫn:flexBasis 属性

HTML DOM STYLE Tham khảo hướng dẫn:flexFlow 属性

HTML DOM STYLE Tham khảo hướng dẫn:flexGrow 属性

HTML DOM STYLE Tham khảo hướng dẫn:flexShrink 属性

HTML DOM STYLE Tham khảo hướng dẫn:flexWrap 属性