CSS grid-column-gap คุณสมบัติ
- หน้าก่อน grid-column-end
- หน้าต่อไป grid-column-start
การกำหนดและการใช้งาน
grid-column-gap คุณสมบัติกำหนดขนาดของช่องว่างระหว่างคอลัมน์ในโครงสร้างแนวตาราง。
อ่านเพิ่มเติมได้ที่：
การเรียนรู้ CSS：CSS Grid Layout
คู่มือ CSS อ้างอิง：grip-gap คุณสมบัติ
คู่มือ CSS อ้างอิง：grip-row-gap คุณสมบัติ
ตัวอย่าง
ตั้งความห่างระหว่างคอลัมน์เป็น 50 พิกเซล:
.grid-container {
grid-column-gap: 50px;
}
CSS ภาษา
grid-column-gap: length;
ค่าของอุปกรณ์
| ค่า | รายละเอียด |
|---|---|
| length | ค่าความยาวที่ถูกต้องทุกตัวเลข ตัวอย่างเช่นพิกเซลหรือเปอร์เซ็นต์ ค่าเริ่มต้นคือ 0 อ่านเพิ่มเติมได้ที่หน่วยความยาว。 |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น： | 0 |
|---|---|
| ทางเลือกต่อสืบทอด： | ไม่ |
| การสร้างอนิมาชีพ： | สนับสนุน。อ่านเพิ่มเติมได้ที่：คุณสมบัติที่เกี่ยวกับอนิมาชีพ。 |
| เวอร์ชั่น： | CSS Grid Layout Module Level 1 |
| JavaScript ภาษา | object.style.gridColumnGap="50px" |
การสนับสนุนของบราวเซอร์
ตัวเลขในตารางชี้ถึงเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 57 | 16 | 52 | 10 | 44 |
- หน้าก่อน grid-column-end
- หน้าต่อไป grid-column-start
