Thuộc tính flex-shrink trong CSS

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

Thuộc tính flex-shrink cố định trong cùng một khay, lượng co lại của mục so với các mục khác trong các mục co lại.

Chú ý:Nếu phần tử không phải là mục co giãn, thuộc tính flex không có hiệu lực.

Hướng dẫn CSS: Khung co giãn CSS

Hướng dẫn CSS:Thuộc tính flex

Giảm co lại của mục thứ hai so với các mục khác ba lần:

div:nth-of-type(2) {
  flex-shrink: 3;
}

flex-shrink: number|initial|inherit;

Giá trị	Mô tả
number	Số liệu, quy định lượng co lại của mục so với các mục khác trong các mục co lại弹性.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit.

Giá trị mặc định:	1
Kế thừa:	Không
Chế tạo animation:	Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngữ pháp JavaScript:	object.style.flexShrink="5"

Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Số liệu có tiền tố -webkit- hoặc -moz- cho biết phiên bản đầu tiên sử dụng tiền tố.

Chrome	IE / Edge	Firefox	Safari	Opera
29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0