Thuộc tính lưới-tự động hàng CSS
Thí dụ
Đặt kích thước mặc định cho các hàng trong lưới:
.grid-container {
display: grid;
grid-auto-rows: 150px;
}
Định nghĩa và Cách sử dụng
Thuộc grid-auto-rows
tính đặt kích thước cho các hàng trong vùng chứa lưới.
Thuộc tính này chỉ ảnh hưởng đến các hàng có kích thước không được đặt.
Giá trị mặc định: | Tự động |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | Mô-đun bố cục lưới CSS cấp độ 1 |
Cú pháp JavaScript: | đối tượng .style.gridAutoRows = "60px" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
grid-auto-rows | 57 | 16 | 52 | 10 | 44 |
Cú pháp CSS
grid-auto-rows: auto|max-content|min-content|length;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
auto | Default value. The size of the rows is determined by the size of the largest item in the row | |
max-content | Sets the size of each row to depend on the largest item in the row | |
min-content | Sets the size of each row to depend on the largest item in the row | |
length | Sets the size of the rows, by using a legal length value. Read about length units |
Các trang liên quan
Hướng dẫn CSS: Bố cục Lưới CSS
Tham chiếu CSS: Thuộc tính lưới-cột tự động