Thuộc tính grid-auto-rows của CSS

Định nghĩa và cách sử dụng

Thuộc tính grid-auto-rows đặt kích thước cho các hàng trong khay lưới.

Thuộc tính này chỉ ảnh hưởng đến các hàng chưa được đặt kích thước.

Xem thêm:

Hướng dẫn CSS:Lưới CSS

Tài liệu tham khảo CSS:Thuộc tính grid-auto-columns

Mẫu

Đặt kích thước mặc định cho hàng trong lưới:

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

Thử nghiệm trực tiếp

Cú pháp CSS

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

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Kích thước hàng được xác định bởi kích thước của mục lớn nhất trong hàng.
max-content Đặt kích thước hàng theo kích thước lớn nhất của mục trong hàng.
min-content Đặt kích thước hàng theo kích thước lớn nhất của mục trong hàng.
length Đặt kích thước hàng thông qua việc sử dụng giá trị độ dài hợp lệ. Xem thêmĐơn vị đo độ dài.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Thừa kế: Không
Hoạt hình: Hỗ trợ. Xem thêm:Thuộc tính liên quan đến hoạt hình.
Phiên bản: Module布局 lưới CSS Grid Level 1
Cú pháp JavaScript: object.style.gridAutoRows="60px"

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

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