Thuộc tính style flexGrow
Thí dụ
Để phần tử DIV màu xanh lam phát triển rộng hơn năm lần so với phần còn lại của các mục linh hoạt:
document.getElementById("myBlueDiv").style.flexGrow = "5";
Định nghĩa và Cách sử dụng
Thuộc tính flexGrow chỉ định mục sẽ phát triển bao nhiêu 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 tính flexGrow không có hiệu lực.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
flexGrow | Yes | 11.0 | Yes | 9.0 | Yes |
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ị tài sản
Value | Description |
---|---|
number | A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0 |
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ả lại: | Một chuỗi, đại diện cho thuộc tính flex-grow của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Tham chiếu CSS: thuộc tính flex-grow
HTML DOM STYLE Tham chiếu: thuộc tính flex
HTML DOM STYLE Tham chiếu: thuộc tính flexBasis
Tham chiếu HTML DOM STYLE: thuộc tính flexDirection
Tham chiếu HTML DOM STYLE: thuộc tính flexFlow
HTML DOM STYLE Tham khảo: thuộc tính flexShrink
Tham chiếu HTML DOM STYLE: thuộc tính flexWrap
❮ Đối tượng phong cách