Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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;

CSS column-gap özelliği değerleri

CSS column-gap değerleri CSS column-gap değerleri tanımları CSS örnek uygulamalar
length Sayılasal değer girilir ve sütunlar arasındaki genişlik tanımlanır.
normal Varsayılan geniştiktir.
initial Özelliğin başlangıç değerini kullanır.
inherit Soybağından gelen değeri kullanır.  

Yorumlar