CSS3 column-rule-style

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

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir