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

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

Thuộc tính grid-row-gap định nghĩa kích thước khoảng cách hàng trong bố cục lưới.

Xem thêm:

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

Tài liệu tham khảo CSS:Thuộc tính grip-gap

Tài liệu tham khảo CSS:Thuộc tính grip-column-gap

Mô hình

Đặt khoảng cách hàng thành 50 pixel:

.grid-container {
  grid-row-gap: 50px;
}

Thử ngay

Ngữ pháp CSS

grid-row-gap: length;

Giá trị thuộc tính

Giá trị Mô tả
length Bất kỳ giá trị độ dài hợp lệ nào. Ví dụ: pixel hoặc phần trăm. Giá trị mặc định là 0.

Chi tiết kỹ thuật

Giá trị mặc định: 0
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: CSS Grid Layout Module Level 1
Ngữ pháp JavaScript: object.style.gridRowGap="50px"

Hỗ trợ trình duyệt

Số trong bảng chỉ ra 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