CSS grid-row-end รายการ

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

grid-row-end คุณสมบัติกำหนดจำนวนบรรทัดที่รายการจะข้ามเหนือ หรือรายการจะสิ้นสุดที่บรรทัดใด。

ดูตัวอย่างที่ด้านหลังเพจ。

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

CSS คู่มือ:CSS Grid Layout

ตัวอย่าง

ตัวอย่าง 1

ทำให้ "item1" ข้ามเหนือสามบรรทัด:

.item1 {
  grid-row-end: span 3;
}

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

ตัวอย่าง 2

คุณสามารถใช้ค่าแถวที่แทนจำนวนบรรทัดที่จะข้ามเหนือได้:

.item1 {
  grid-row-end: 3;
}

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

CSS ภาษาสร้าง

grid-row-end: auto|row-line|span n;

ค่าของคุณสมบัติ

ค่า คำอธิบาย
auto ค่าเริ่มต้น。รายการจะข้ามเหนือบรรทัดเดียว。
span n กำหนดจำนวนบรรทัดที่รายการจะข้ามเหนือ。
column-line กำหนดจากบรรทัดที่จบการแสดงรายการ。

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

ค่าเริ่มต้น: auto
ตามท้องตัว: ไม่
การสร้างอนุรักษ์: สนับสนุน。ดูเพิ่มเติมที่:คุณสมบัติที่เกี่ยวกับอนุรักษ์。
เวอร์ชัน: CSS Grid Layout Module Level 1
JavaScript ภาษาสร้าง: object.style.gridRowEnd="4"

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

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

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