Atribut grid-column-gap CSS

Definisi dan penggunaan

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

Lihat juga:

Panduan CSSLayout Grid CSS

Panduan CSSAtribut grip-gap

Panduan CSSAtribut grip-row-gap

Contoh

Atur jarak antara kolom menjadi 50 piksel:

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

Coba sendiri

Syarat CSS

grid-column-gap: length;

Nilai atribut

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

Detil teknis

Nilai baku: 0
Warisan: Tidak
Pembuatan animasi: Didukung. Lihat:Atribut berhubungan dengan animasi.
Versi: Modul Layout Grid CSS Level 1
Syarat Bahasa JavaScript: object.style.gridColumnGap="50px"

Dukungan perpustakaan

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

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