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

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

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

Xem thêm:

Hướng dẫn CSS:CSS Grid

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-row-gap

Mô hình

Đặt khoảng cách cột là 50 pixel:

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

Thử ngay

Ngữ pháp CSS

grid-column-gap: length;

Giá trị thuộc tính

Giá trị Mô tả
length Bất kỳ giá trị đo dài hợp lệ nào, ví dụ như pixel hoặc phần trăm. Giá trị mặc định là 0. Xem thêmĐơn vị đo dài.

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.gridColumnGap="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