ตัวอย่าง
ให้องค์ประกอบ DIV สีฟ้าเติบโตห้าครั้งกว้างกว่าส่วนที่เหลือของรายการที่มีความยืดหยุ่น:
document.getElementById("myBlueDiv".style.flexGrow = "5"; ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ flexGrow ระบุเท่าใดรายการที่จะเติบโตเมื่อเทียบกับส่วนที่เหลือของรายการที่มีความยืดหยุ่นในภาชนะเดียวกัน
Note: หากองค์ประกอบไม่ได้เป็นรายการที่มีความยืดหยุ่น flexGrow คุณสมบัติไม่มีผล
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ flexGrow รับการสนับสนุนใน IE10 +, Firefox, Opera และ Chrome
หมายเหตุ: Safari 6.1+ สนับสนุนทางเลือกคุณสมบัติ WebkitFlexGrow
วากยสัมพันธ์
กลับ flexGrow ทรัพย์สิน:
object .style.flexGrow ตั้ง flexGrow ทรัพย์สิน:
object .style.flexGrow=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ number ระบุจำนวนเท่าใดรายการที่จะเติบโตเมื่อเทียบกับส่วนที่เหลือของรายการที่มีความยืดหยุ่น ค่าเริ่มต้นคือ 0 initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 0 กลับค่า: เชือกแทนดิ้นเติบโตทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: flex-grow property
HTML DOM สไตล์อ้างอิง: flex property
HTML DOM อ้างอิงสไตล์: flexBasis property
HTML DOM สไตล์อ้างอิง: flexDirection property
HTML DOM สไตล์อ้างอิง: flexFlow property
HTML DOM อ้างอิงสไตล์: flexShrink property
HTML DOM อ้างอิงสไตล์: flexWrap property
<สไตล์วัตถุ