Thuộc tính CSS grid-row

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

Thuộc tính grid-row xác định kích thước và vị trí của mục trong bố cục lưới, nó là tắt của các thuộc tính sau:

Xem thêm:

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

Mô hình

Ví dụ 1

Làm cho "item1" bắt đầu từ dòng 1 và bao gồm hai dòng:

.item1 {
  grid-row: 1 / span 2;
}

Thử ngay

Ví dụ 2

Bạn có thể sử dụng giá trị dòng để thay thế số dòng cần bao gồm:

.item1 {
  grid-row: 1 / 3;
}

Thử ngay

Ngôn ngữ CSS

grid-row: grid-row-start / grid-row-end;

Giá trị thuộc tính

Giá trị Mô tả
grid-row-start Định nghĩa từ dòng nào bắt đầu hiển thị mục.
grid-row-end Định nghĩa dòng nào để dừng hiển thị mục, hoặc bao gồm bao nhiêu dòng.

Chi tiết kỹ thuật

Giá trị mặc định: auto / auto
Kế thừa: Không
Chế tạo animation: Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation。
Phiên bản: Module布局 lưới CSS Grid Level 1
Ngôn ngữ lập trình JavaScript: object.style.gridRow="2 / span 2"

Hỗ trợ trình duyệt

Số trong bảng ghi chú phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ thuộc tính này.

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