Thuộc tính phong cách flexShrink
Ví dụ
Hãy để phần tử DIV màu xanh lam co lại gấp 5 lần so với các mục linh hoạt còn lại:
document.getElementById("myBlueDiv").style.flexShrink = "5";
Hãy tự mình thử »Sự miêu tả
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ục linh hoạt thì 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ả về: | Một Chuỗi, biểu thị thuộc tính flex-shrink 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-shrink
Tham chiếu STYLE DOM HTML: thuộc tính flex
Tham chiếu 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 flexGrow
HTML DOM STYLE Tham khảo: thuộc tính flexWrap