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

See the Pen <a href="http://codepen.io/w3tr/pen/vNwEzd/">column-rule-width</a> by W3TR (<a href="http://codepen.io/w3tr">@w3tr</a>) on <a href="http://codepen.io">CodePen</a>.<br />

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

Bir cevap yazın Cevabı iptal et