Thuộc tính phong cách flexShrink
Thí dụ
Để phần tử DIV màu xanh lam thu nhỏ 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.flexShrink = "5";
Định nghĩa và Cách sử dụng
Thuộc tính flexShrink chỉ định cách mục sẽ co lại 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 flexShrink không có hiệu lực.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
flexShrink | Yes | 11.0 | Yes | 9.0 | Yes |
Cú pháp
Trả về thuộc tính flexShrink:
object.style.flexShrink
Đặt thuộc tính flexShrink:
object.style.flexShrink = "number|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
number | A number specifying how much the item will shrink 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: | 1 |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính uốn cong 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-co
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 flexGrow
HTML DOM STYLE Tham khảo: thuộc tính flexWrap
❮ Đối tượng phong cách