CSS3 column-rule-width

Colomn-rule-width :

Sütunlar arasındaki kesmenin genişliğini ayarlar.

Örnek

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

    /* Firefox */
    -moz-column-count: 5;
    -moz-column-gap: 60px;
    -moz-column-rule-style: dotted;
    -moz-column-rule-width: 3px;

    column-count: 5;
    column-gap: 60px;
    column-rule-style: dotted;
    column-rule-width: 3px;
}

Codepen Ön izleme

Css Sözdizimi

Değer Açıklama
medium Sütunlar arasındaki kesmenin genişliğini orta olarak ayarlanır.
thin Sütunlar arasındaki kesmenin genişliğini ince olarak ayarlanır.
thick Sütunlar arasındaki kesmenin genişliğini kalın olarak ayarlanır.
length Sütunlar arasındaki kesmenin genişliğini istenilen boyutta ayarlanır.
İnital
İnherit

Tarayıcı Desteği

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