Thuộc tính lưới-mẫu-hàng CSS
Thí dụ
Chỉ định kích thước hàng (chiều cao):
.grid-container {
display: grid;
grid-template-rows:
100px 300px;
}
Định nghĩa và Cách sử dụng
Thuộc grid-template-rows
tính chỉ định số lượng (và chiều cao) của các hàng trong bố cục lưới.
Các giá trị là một danh sách được phân tách bằng dấu cách, trong đó mỗi giá trị chỉ định chiều cao của hàng tương ứng.
Giá trị mặc định: | không ai |
---|---|
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.gridTemplateRows = "50px 200px" |
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-template-rows | 57 | 16 | 52 | 10 | 44 |
Cú pháp CSS
grid-template-rows: none|auto|max-content|min-content|length|initial|inherit;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
none | No size is set. Rows are created if needed | |
auto | The size of the rows is determined by the size of the container, and on the size of the content of the items 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 smallest 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
Tham chiếu CSS: Thuộc tính lưới-mẫu