Style columnGap özelliği

Tanım ve Kullanım

columnGap Özellik, sütunlar arasındaki boşluğu belirler.

Açıklama：Sütunlar arasında column-rule ayarlanırsa, bu boşluk arasında gösterilir.

Ayrıca bakınız：

CSS3 Eğitim Seti：CSS çok sütun

CSS Referans Kılavuzu：column-gap özelliği

Örnek

Sütunlar arasındaki boşluğu 40 piksel olarak belirler:

document.getElementById("myDIV").style.columnGap = "50px";

Kendiniz deneyin

Gramer

columnGap özelliğini döndürür:

nesne.style.columnGap

columnGap özelliğini ayarlama:

nesne.style.columnGap = "length|normal|initial|inherit"

Özellik değeri

Değer Açıklama
length Sütunlar arasındaki boşluğu belirtilen uzunluğa ayarlar.
normal Öntanımlı değer. Sütunlar arasındaki boşluğu normal boşluğa ayarlar. W3C'nin önerdiği değer 1em'dir.
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer： normal
Dönüş değeri： dizgesi，elemmanın column-gap özelliği。
CSS sürümü： CSS3

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0