Kiểu thuộc tính flexGrow
Ví dụ
Hãy để phần tử DIV màu xanh lam mở rộng gấp 5 lần so với các mục linh hoạt còn lại:
document.getElementById("myBlueDiv").style.flexGrow = "5";
Hãy tự mình thử »Sự miêu tả
Thuộc tính flexGrow chỉ định mức độ tăng trưởng của mục này 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ục linh hoạt thì 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ả về: | Một Chuỗi, biểu thị thuộc tính flex-grow của một phần tử |
Phiên bản CSS | CSS3 |
Trang liên quan
Tham chiếu CSS: thuộc tính flex-grow
Tham chiếu STYLE DOM HTML: thuộc tính flex
Tham khảo STYLE DOM HTML: thuộc tính flexBasis
HTML DOM STYLE Tham chiếu: thuộc tính flexDirection
Tham chiếu STYLE DOM HTML: thuộc tính flexFlow
Tham chiếu STYLE DOM HTML: thuộc tính flexShrink
HTML DOM STYLE Tham khảo: thuộc tính flexWrap