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

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

HTML strong Etiketi

Javascript ile neler yapılabilir

Kriptopara nasıl alınır ve nereden alınır?

Javascript Oyun Yapma Dersleri HTML5+CSS3

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

HTML5 Canvas Oyun Yapımı Dersleri

CSS align-self özelliği