คุณสมบัติflexShrinkสไตล์
ตัวอย่าง
ปล่อยให้องค์ประกอบ DIV สีน้ำเงินหดตัวมากกว่ารายการยืดหยุ่นที่เหลือห้าเท่า:
document.getElementById("myBlueDiv".style.flexShrink = "5";
ความหมายและการใช้งาน
คุณสมบัติ flexShrink ระบุวิธีที่รายการจะย่อให้สัมพันธ์กับรายการยืดหยุ่นที่เหลือภายในคอนเทนเนอร์เดียวกัน
หมายเหตุ:หากองค์ประกอบไม่ใช่รายการที่ยืดหยุ่น คุณสมบัติ flexShrink จะไม่มีผล
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
flexShrink | Yes | 11.0 | Yes | 9.0 | Yes |
ไวยากรณ์
ส่งคืนคุณสมบัติ flexShrink:
object.style.flexShrink
ตั้งค่าคุณสมบัติ flexShrink:
object.style.flexShrink = "number|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
number | A number specifying how much the item will shrink 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 |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 1 |
---|---|
คืนมูลค่า: | A String แทนคุณสมบัติ flex-shrink ของ element |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: คุณสมบัติ flex-shrink
การอ้างอิง HTML DOM STYLE: flex property
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexBasis
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexDirection
การอ้างอิงสไตล์ HTML DOM: คุณสมบัติ flexFlow
การอ้างอิง HTML DOM STYLE: flexGrow property
การอ้างอิง HTML DOM STYLE: คุณสมบัติ flexWrap
❮ สไตล์วัตถุ