CSS3 column-span

column-span :

Bir elementin sütun içinde yayılıp yayılmayacağını belirmek için kullanılır.

Örnek

.column {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
     column-count: 3;
  
}

.column h3 {
   -webkit-column-span: all; /* Chrome, Safari, Opera */
    column-span: all;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
1 Sütunlar arasında kalarak 1 sütunluk yer kaplar.
all Sütunlar boyunca uzanarak bütün satırı kaplar.
İnital
İnherit

Tarayıcı Desteği

4.0-webkit 2.0-moz 10.0 3.1-webkit 11.1
15.0-webkit