CSS3 columns

Columns :

Sütunlar hem genişlik hemde sayısını ayarlamak için kestirme bir özelliktir.

Örnek

.column {
    -webkit-columns: 200px 5; /* Chrome, Safari, Opera */
    -moz-columns: 200px 5; /* Firefox */
    columns: 200px 5
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
auto Sütunların hem genişliği hem de sayısı otomatik ayarlanır.
Column-width Sütun genişliği belirtir.
Column-count Sütun sayısı belirtir.
İnital
İnherit

Tarayıcı Desteği

4.0-webkit 9s.0-moz 10.0 3.1-webkit 11.1
15.0-webkit