Properti grid-column-gap CSS

Definisi dan penggunaan

Atribut grid-column-gap menentukan ukuran jarak antara kolom dalam layout grid.

Juga lihat:

Panduan CSS:Layout Grid CSS

Panduan referensi CSS:Atribut grip-gap

Panduan referensi CSS:Atribut grip-row-gap

Contoh

Atur jarak antara kolom menjadi 50 piksel:

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

Coba sendiri

Syntax CSS

grid-column-gap: length;

Nilai atribut

Nilai Deskripsi
length Setiap nilai panjang yang sah, seperti piksel atau persen. Nilai standar adalah 0. LihatSatuan panjang.

Detil teknis

Nilai standar: 0
Warisan: Tidak
Produksi animasi: Dukungan. Lihat:Atribut yang berhubungan dengan animasi.
Versi: Modul Layout Grid CSS Level 1
Syntax JavaScript: object.style.gridColumnGap="50px"

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.

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