Column-rule-style :

Stunlar arasındaki kesmenin stilini ayarlar.

Örnek

.column {
      /* Chrome, Safari, Opera */
    -webkit-column-count: 5;
    -webkit-column-gap: 60px;
    -webkit-column-rule-style: dashed;

    /* Firefox */
    -moz-column-count: 3;
    -moz-column-gap: 60px;
    -moz-column-rule-style: dashed;

    column-count: 5;
    column-gap: 60px;
    column-rule-style: dashed;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
none	sütun çizgisini kaldırır.
hidden	sütun çizgisini gizler.
dotted	Noktalı bir sütun çizgisi çizer.
dashed	Kesik bir sütun çizgisi çizer.
solid	Düz bir sütun çizgisi çizer.
double	ikili bir sütun çizgisi çizer.
groove	3D grooved(Yivli) sütun çizgisini çizer. Efekt renge göre değişkenlik gösterir.
ridge	3D ridge(Çıkıntılı) sütun çizgisini çizer. Efekt renge göre değişkenlik gösterir.
inset	3D inset sütun çizgisini çizer. Efekt renge göre değişkenlik gösterir.
outset	3D outset sütun çizgisini çizer. Efekt renge göre değişkenlik gösterir.
İnital
İnherit

Tarayıcı Desteği

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