Thuộc tính flex-basis của CSS

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

Thuộc tính flex-basis quy định độ dài ban đầu của phần tử柔性.

Ghi chú:Nếu phần tử không phải là phần tử柔性, thuộc tính flex sẽ không có hiệu lực.

Hướng dẫn CSS: Khung柔性 CSS

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

Hướng dẫn HTML DOM:Thuộc tính flexBasis

Đặt độ dài ban đầu của phần tử弹性 thứ hai là 100 pixel:

div:nth-of-type(2) {
  flex-basis: 100px;
}

flex-basis: number|auto|initial|inherit;

Giá trị	Mô tả
number	Đơn vị độ dài hoặc phần trăm, quy định độ dài ban đầu của phần tử弹性.
auto	Giá trị mặc định. Độ dài bằng độ dài của phần tử弹性。Nếu phần tử này không quy định độ dài, độ dài sẽ dựa trên nội dung của nó.
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:	auto
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.flexBasis="200px"

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 với tiền tố -webkit- hoặc -moz- biểu thị 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