Sifat column-gap CSS

definisi dan penggunaan

aturan column-gap menentukan jarak antara kolom.

catatan:jika diatur antara kolom column-ruleini akan ditampilkan di tengah jarak.

lihat pula:

Panduan CSS3:Bilangan berbaris CSS3

Panduan Referensi HTML DOM:aturan columnGap

contoh

atur jarak antara kolom menjadi 40 piksel:

div {
  column-gap: 40px;
}

Coba sendiri

Ada lagi contoh di bawah halaman.

Syntaks CSS

column-gap: length|normal;

nilai aturan

nilai deskripsi pengujian
length atur jarak antara kolom menjadi panjang yang ditentukan. pengujian
normal atur jarak antara kolom menjadi jarak biasa. Nilai yang disarankan W3C adalah 1em. pengujian

detil teknis

Nilai standar: normal
Inheritsi: tidak
Versi: CSS3
Syntaks JavaScript: object.style.columnGap="40px"

contoh lainnya

Column-count
membagi teks dalam elemen div menjadi tiga kolom.
Column-rule
atur lebar, gaya, dan warna antara kolom.

dukungan browser

angka dalam tabel menunjukkan versi pertama browser yang mendukung aturan ini.

angka dengan -webkit- atau -moz- menunjukkan versi pertama yang menggunakan prefiks.

aturan Chrome IE / Edge Firefox Safari Opera
dalam beberapa kolom 50 10 52 10 37
dalam grid 66 16 61 12 53
dalam kotak elastic 84 84 63 14.1 70