CSS column-gap Özelliği

CSS column-gap

Css column-gap özelliğini çok sütünlu makale görünümlerinde,sütunlar arasındaki genişliği belirtmek için kullanılır.

Örnek:

Bu örnekte sütunlar arasındaki mesageyi column-gap özelliğine 50px değeri verilerek uygulanmıştır.

p.sutun { column-count: 4; -webkit-column-count: 4; /* webkit için*/ -moz-column-count: 4; /* Firefox için */ -webkit-column-gap: 50px; /* webkit için*/ -moz-column-gap: 50px; /* Firefox için*/ column-gap: 50px; }

CSS column-gap nedir nasıl kullanılır

Sütunlar arasındaki mesafeleri ayarlamak için kullanılır.

CSS column-gap	CSS column-gap özellikleri
Varsayılan Değer:	normal
Kalıtsallık:	yok
Animasyon Özelliği:	var
Versiyon:	CSS3
JavaScript column-gap:	object.style.columnGap="70px"

CSS column-gap Tarayıcı Desteği

CSS Kodu:
column-gap	4.0 -webkit-	10.0	2.0 -moz-	3.1 -webkit-	15.0 -webkit 11.1

CSS column-gap Değerleri

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