CSS flex-basis Property

ตั้งค่าความยาวเริ่มต้นของสอง Flex-รายการถึง 80 พิกเซล:

div:nth-of-type(2) {
-webkit-flex-basis: 80px; /* Safari 6.1+ */
flex-basis: 80px;
}

ความหมายและการใช้งาน

คุณสมบัติพื้นฐาน Flex-ระบุระยะเวลาเริ่มต้นของรายการที่มีความยืดหยุ่น

Note: หากองค์ประกอบไม่ได้เป็นรายการที่มีความยืดหยุ่นทรัพย์สิน Flex-พื้นฐานไม่มีผล

ค่าเริ่มต้น:	auto
รับการถ่ายทอด:	no
Animatable:	yes. Read about animatable Try it
เวอร์ชัน:	CSS3
ไวยากรณ์ javascript:	object .style.flexBasis="200px" Try it

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน

ตามด้วยหมายเลข -webkit- หรือ -moz- ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า

คุณสมบัติ
flex-basis	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

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

ความคุ้มค่า	ลักษณะ	เล่น
number	หน่วยความยาวหรือเปอร์เซ็นต์ระบุระยะเวลาเริ่มต้นของความยืดหยุ่น item(s)	เล่น "
auto	ค่ามาตรฐาน ความยาวเท่ากับความยาวของรายการที่มีความยืดหยุ่น หากรายการนี้ยังไม่ได้ระบุระยะเวลายาวจะเป็นไปตามเนื้อหา	เล่น "
initial	การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น	เล่น "
inherit	สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

อ้างอิง CSS: flex property

CSS อ้างอิง: flex-direction property

CSS อ้างอิง: flex-flow property

CSS อ้างอิง: flex-grow property

CSS อ้างอิง: flex-shrink property

CSS อ้างอิง: flex-wrap property

อ้างอิง HTML DOM: flexBasis property