column-gap

Properti CSS column-gap digunakan untuk menentukan jumlah ruang antara kolom-kolom yang berdekatan dalam layout multi-column.

Properti ini menentukan ruang atau celah antara kolom yang dimiliki elemen multi-kolom yang sama.

CSS Syntax

column-gap: length | normal | initial | inherit;

Javascript Syntax

object.style.columnGap="50px"

default column-gap: normal;

Kesenjangan antara kolom diatur ke nilai default browser, yang biasanya 1em.

column-gap: 2px;

Kamu dapat menggunakan nilai piksel untuk menentukan celah tersebut.

Perhatikan bahwa celah hanya muncul di antara kolom, dan bukan di sisi luar kolom tepi.