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

Popüler yayınlar

HTML Metin Biçimlendirme Etiketleri

HTML hr Etiketi

HTML em Etiketi

CSS justify-content Özelliği

HTML pre Etiketi

HTML table Etiketi

CSS align-items özelliği

HTML menu Etiketi

CSS flex-basis Özelliği

CSS content Özelliği