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