CSS column-fill Özelliği

CSS column-fill

Css column-fill özelliği ile sütunların uzunluğunu minumum hale getirebiliriz .

Örnek:

Bu örnekte column-fill değeri balance değeri uygulanmıştır.Firefoxta çalıştırmayı unutmayın !

column-count: 4; -webkit-column-fill: balance; /* webkit için*/ -moz-column-fill: balance; /* Firefox için*/ column-fill: balance; -webkit-column-count: 4; /* webkit için*/ -moz-column-count: 4; /* Firefox için */ }

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

Css column-fill Kolonların dolgu özelliklerini ve dengeli olmasını belirler .

CSS column-fill CSS column-fill özellikleri  
Varsayılan Değer: balance  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS3  
JavaScript column-fill: object.style.columnFill="auto"

CSS column-fill Tarayıcı Desteği

Aşağıdaki tablodaki sayılar özelliği destekleyen ilk tarayıcı sürümünü gösteriyor.

CSS Kodu:
column-fill Desteklenmiyor Desteklenmiyor 13.0 -moz- Desteklenmiyor Desteklenmiyor

CSS column-fill Değerleri

column-fill: balance|auto|initial|inherit;

CSS column-fill özelliği değerleri

CSS column-fill değerleri CSS column-fill değerleri tanımları
balance Varsayılan değerdir. Kolonlar dengelidir .
auto Sütunlar sekans doldurulur ve farklı uzunluklara sahip olacak
initial Özelliğin varsayılan değeridir.
inherit Eğer var ise soybağından gelen değeri alır.

Yorumlar

Bu blogdaki popüler yayınlar

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

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

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

HTML Resimler

HTML bdo Etiketi Örnek