คุณสมบัติกริดคอลัมน์ช่องว่าง CSS
ตัวอย่าง
กำหนดช่องว่างระหว่างคอลัมน์เป็น 50px:
.grid-container {
grid-column-gap: 50px;
}
ความหมายและการใช้งาน
คุณสมบัติgrid-column-gap
กำหนดขนาดของช่องว่างระหว่างคอลัมน์ในรูปแบบกริด
หมายเหตุ:คุณสมบัตินี้ถูกเปลี่ยนชื่อเป็นCSS3
column-gap
ค่าเริ่มต้น: | 0 |
---|---|
รับการถ่ายทอด: | ไม่ |
เคลื่อนไหวได้: | ใช่. อ่านเกี่ยวกับแอนิเมชั่น |
รุ่น: | CSS Grid Layout Module ระดับ 1 |
ไวยากรณ์ JavaScript: | วัตถุ .style.gridColumnGap="50px" |
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
grid-column-gap | 57 | 16 | 52 | 10 | 44 |
ไวยากรณ์ CSS
grid-column-gap: length;
มูลค่าทรัพย์สิน
Value | Description | Play it |
---|---|---|
length | Any legal length value, like px or %. 0 is the default value. Read about length units |
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: CSS Grid Layout
การอ้างอิง CSS: คุณสมบัติgrid -gap
การอ้างอิง CSS: คุณสมบัติgrid -row-gap