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