Thuộc tính Style flexShrink

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

flexShrink Thuộc tính quy định mục sẽ co lại như thế nào so với các mục弹性 khác trong cùng container.

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

Xem thêm:

Tham khảo CSS:flex-shrink 属性

Mô hình

Giảm kích thước DIV màu xanh lam gấp 5 lần so với các mục弹性 khác:

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

Thử ngay

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ị thuộc tính

Giá trị Mô tả
number Số, quy định mức thu hẹp 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 initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem inherit.

Chi tiết kỹ thuật

Giá trị mặc định: 1
Giá trị trả về: Chuỗi biểu thị flex-shrink 属性.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số trong bảng cho biết 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 Tham khảoflex 属性

HTML DOM STYLE Tham khảoflexBasis 属性

HTML DOM STYLE Tham khảoflexDirection 属性

HTML DOM STYLE Tham khảoflexFlow 属性

HTML DOM STYLE Tham khảoflexGrow 属性

HTML DOM STYLE Tham khảoflexWrap 属性