Thuộc tính cơ sở linh hoạt CSS
Thí dụ
Đặt độ dài ban đầu của mục linh hoạt thứ hai thành 100 pixel:
div:nth-of-type(2) {
flex-basis:
100px;
}
Định nghĩa và Cách sử dụng
Thuộc flex-basis
tính chỉ định độ dài ban đầu của một mục linh hoạt.
Lưu ý: Nếu phần tử không phải là một mục linh hoạt, thuộc flex-basis
tính không có hiệu lực.
Giá trị mặc định: | Tự động |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.flexBasis = "200px" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau -webkit- hoặc -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
flex-basis | 29.0 21.0 -webkit- |
11.0 | 28.0 18.0 -moz- |
9.0 6.1 -webkit- |
17.0 |
Cú pháp CSS
flex-basis: number|auto|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
number | A length unit, or percentage, specifying the initial length of the flexible item(s) | |
auto | Default value. The length is equal to the length of the flexible item. If the item has no length specified, the length will be according to its content | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các trang liên quan
Hướng dẫn CSS: Hộp linh hoạt CSS
Tham chiếu CSS: thuộc tính flex
Tham chiếu CSS: thuộc tính flex-direction
Tham chiếu CSS: thuộc tính flex-flow
Tham khảo CSS: thuộc tính flex-grow
Tham chiếu CSS: thuộc tính flex-co
Tham chiếu CSS: thuộc tính flex-wrap
Tham chiếu DOM HTML: thuộc tính flexBasis