CSS grid-row-gap คุณสมบัติ

การกำหนดและการใช้งาน

grid-row-gap แอตทริบิวต์กำหนดขนาดของช่องว่างแถวในโครงสร้างเครืองระบบ.

ดูเพิ่มเติม:

เรียนรู้ CSS:CSS Grid Layout

คู่มืออ้างอิง CSS:grip-gap แอตทริบิวต์

คู่มืออ้างอิง CSS:grip-column-gap แอตทริบิวต์

ตัวอย่าง

ตั้งช่องว่างของแถวเป็น 50 พิกเซล:

.grid-container {
  grid-row-gap: 50px;
}

ลองด้วยตัวเอง

CSS ภาษา

grid-row-gap: length;

ค่าของแอตทริบิวต์

ค่า คำอธิบาย
length ค่ายาวที่ถูกต้องตามกฎหมาย. ตัวอย่างเช่นพิกเซลหรือเปอร์เซ็น. ค่าเริ่มต้นคือ 0。

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: 0
เชื่อมโยง: ไม่
การสร้างอนุรักษ์: สนับสนุน. อ่านเพิ่มเติม:คุณสมบัติที่เกี่ยวกับอนุรักษ์.
รุ่น: CSS Grid Layout Module Level 1
JavaScript ภาษา object.style.gridRowGap="50px"

การสนับสนุนเบราเซอร์

ตัวเลขในตารางระบุรุ่นฉบับแรกของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่。

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44