Thuộc tính Style flexGrow

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

flexGrow Thuộc tính quy định mức tăng thêm của mục so với các mục弹性 khác trong cùng容器.

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

Xem thêm:

Hướng dẫn tham khảo CSS:flex-grow 属性

Mô hình

Giúp phần tử DIV màu xanh tăng lên gấp 5 lần so với các mục弹性 khác:

document.getElementById("myBlueDiv").style.flexGrow = "5";

Thử ngay

Cú pháp

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

object.style.flexGrow

Đặt thuộc tính flexGrow:

object.style.flexGrow = "number|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
number Số, quy định mức tăng thêm của mục so với các mục弹性 khác. Giá trị mặc định là 0.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế 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: 0
Giá trị trả về: Chuỗi biểu thị flex-grow 属性.
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ợ hoàn toàn 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 Hướng dẫn tham khảo:flex 属性

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

HTML DOM STYLE Hướng dẫn tham khảo:flexDirection 属性

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

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

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