CSS sütun-doldurma özelliği

Tanım ve Kullanım

column-fill özelliği, sütunları nasıl doldurulacağını (uyum sağlanıp sağlanmayacağını) belirtir.

Ayrıca bkz.:

CSS3 Eğitim Seti:CSS3 多列

HTML DOM Referans Kılavuzu:columnFill özelliği

Örnek

Sütunları nasıl doldurulacağını belirtir:

div
{
column-fill:auto;
}

CSS dilbilgisi

column-fill: balance|auto;

Özellik değeri

Değer Açıklama
dengeli Sütunları dengeleyir. Tarayıcı, sütun uzunlukları arasındaki farkları en aza indirir.
auto Sütunları sırayla doldurur, sütun uzunlukları farklı olacaktır.

Teknik ayrıntılar

Öntanımlı değer: dengeli
Mirasçılık: hayır
Sürüm: CSS3
JavaScript dilbilgisi: object.style.columnFill="auto"

Daha fazla örnek

Column-count
Div elementindeki metni üç sütuna böler.
Column-gap
Div elementindeki metni üç sütuna böler ve sütun aralarında 30 piksel boşluk belirler.
Column-rule
Sütun aralarının genişliğini, stili ve rengini belirtir.

Tarayıcı desteği

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0