สไตล์flexGrowคุณสมบัติ
ตัวอย่าง
ปล่อยให้องค์ประกอบ DIV สีน้ำเงินขยายกว้างกว่ารายการยืดหยุ่นอื่นๆ ถึง 5 เท่า:
document.getElementById("myBlueDiv").style.flexGrow = "5";
ความหมายและการใช้งาน
คุณสมบัติ flexGrow ระบุว่าสินค้าจะเติบโตมากเพียงใดเมื่อเทียบกับรายการยืดหยุ่นที่เหลือภายในคอนเทนเนอร์เดียวกัน
หมายเหตุ:หากองค์ประกอบไม่ใช่รายการที่ยืดหยุ่น คุณสมบัติ flexGrow จะไม่มีผลใดๆ
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
flexGrow | Yes | 11.0 | Yes | 9.0 | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ flexGrow:
object.style.flexGrow
ตั้งค่าคุณสมบัติ flexGrow:
object.style.flexGrow = "number|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
number | A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 0 |
---|---|
คืนมูลค่า: | A String แทนคุณสมบัติ flex-grow ของ element |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: คุณสมบัติ flex-grow
การอ้างอิง HTML DOM STYLE: flex property
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexBasis
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexDirection
การอ้างอิงสไตล์ HTML DOM: คุณสมบัติ flexFlow
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexShrink
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexWrap
❮ สไตล์วัตถุ