Thuộc tính CSS grid-row-end

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

Thuộc tính grid-row-end xác định mục sẽ bao gồm bao nhiêu dòng, hoặc mục sẽ kết thúc ở dòng nào.

Xem ví dụ ở cuối trang.

Xem thêm:

Giáo trình CSS:CSS Grid Layout

Mô hình

Ví dụ 1

Để "item1" bao gồm ba dòng:

.item1 {
  grid-row-end: span 3;
}

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-end: 3;
}

Thử ngay

Cú pháp CSS

grid-row-end: auto|row-line|span n;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Mục sẽ bao gồm một dòng.
span n Định nghĩa số dòng mà mục sẽ bao gồm.
column-line Định nghĩa từ dòng nào để hiển thị mục.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Không
Chuẩn bị animation: Hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation。
Phiên bản: CSS Grid Layout Module Level 1
Cú pháp JavaScript: object.style.gridRowEnd="4"

Hỗ trợ trình duyệt

Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính đó.

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