CSS รายการ grid-auto-rows

การระบุและการใช้งาน

grid-auto-rows คุณสมบัติกำหนดขนาดของบรรทัดในตัวแทนเครือง。

คุณสมบัตินี้จะมีผลบนบรรทัดที่ยังไม่ถูกกำหนดขนาด。

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

ตัวอย่าง CSS:CSS Grid Layout

คู่มืออ้างอิง CSS:grid-auto-columns คุณสมบัติ

ตัวอย่าง

ตั้งขนาดของบรรทัดเริ่มต้นในเครือง:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

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

การเขียนรหัส CSS

grid-auto-rows: auto|max-content|min-content|length;

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

ค่า คำอธิบาย
auto ค่าเริ่มต้น. ขนาดของบรรทัดนั้นขึ้นอยู่กับขนาดขององค์ประกอบที่ใหญ่ที่สุดในบรรทัด。
max-content ตั้งขนาดของบรรทัดตามขนาดขององค์ประกอบที่ใหญ่ที่สุดในบรรทัด。
min-content ตั้งขนาดของบรรทัดตามขนาดขององค์ประกอบที่ใหญ่ที่สุดในบรรทัด。
length ตั้งขนาดของบรรทัดโดยใช้ค่าความยาวที่ถูกต้อง. ดู:หน่วยความยาว。

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

ค่าเริ่มต้น: auto
เป็นมาตราฐาน: ไม่
การสร้างอนุรักษ์: สนับสนุน. อ่านเพิ่มเติม:คุณสมบัติที่เกี่ยวกับอนุรักษ์。
เวอร์ชัน: CSS Grid Layout Module Level 1
การเขียนรหัสเจาะจง: object.style.gridAutoRows="60px"

การสนับสนุนโปรแกรมน่าที่ใช้

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

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