Style flexBasis คุณสมบัติ
- หน้าก่อน flex
- หน้าต่อไป flexDirection
- กลับไปที่เวอร์ชั่นขึ้นหนึ่ง Object HTML DOM Style
การระบุและการใช้งาน
flexBasis คุณสมบัตินี้กำหนดความยาวเริ่มต้นของรายการเบนเอิร์น
หมายเหตุ:ถ้าองค์ประกอบไม่ใช่รายการเบนเอิร์น flexBasis คุณสมบัติผิดพลาด
ดูเพิ่มเติม:
คู่มืออ้างอิง CSS：flex-basis
ตัวอย่าง
ตั้งค่าความยาวเริ่มต้นของรายการเบนเอิร์นเป็น 200 พิกเซล:
document.getElementById("myBlueDiv").style.flexBasis = "200px";
การใช้งาน
คืนค่า flexBasis
object.style.flexBasis
ตั้งค่า flexBasis
object.style.flexBasis = "number|auto|initial|inherit"
ค่านิยาม
| ค่า | รายละเอียด |
|---|---|
| number | กำหนดความยาวเริ่มต้นของรายการเบนเอิร์น หน่วยความยาวหรือเปอร์เซ็นต์ |
| auto |
ค่าเริ่มต้น ถ้าไม่มีกำหนดความยาวของรายการ ความยาวขึ้นอยู่กับเนื้อหาของมัน |
| initial | จะตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น โปรดดู initial。 |
| inherit | ที่จะสืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของมัน โปรดดู inherit。 |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | auto |
|---|---|
| ค่าที่คืนค่ามา: | ตัวเลขภาษาไทยที่แสดงว่าความยาวของ flex-basis。 |
| เวอร์ชั่น CSS： | CSS3 |
สนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| สนับสนุน | 11.0 | สนับสนุน | 9.0 | สนับสนุน |
เพิ่มเติม
HTML DOM STYLE คู่มืออ้างอิง：flex
HTML DOM STYLE คู่มืออ้างอิง：flexDirection
HTML DOM STYLE คู่มืออ้างอิง：flexFlow
HTML DOM STYLE คู่มืออ้างอิง：flexGrow
HTML DOM STYLE คู่มืออ้างอิง：flexShrink
HTML DOM STYLE คู่มืออ้างอิง：flexWrap
- หน้าก่อน flex
- หน้าต่อไป flexDirection
- กลับไปที่เวอร์ชั่นขึ้นหนึ่ง Object HTML DOM Style
