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

Bu blogdaki popüler yayınlar

HTML Resimler

HTML yorum etiketi ile öğe gizleme örneği

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML5 Canvas Oyun Yapımı Dersleri

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek

javascript ile aciklama satiri ve haftanın gunünü bulma

Uyurken Bile Para Kazanmak İster misin