CSS3 column-rule

Column-rule :

Sütunlar arasındaki kesmenin stilini ve rengini ayarlar.

Örnek

.column{
   -webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
    -webkit-column-rule: 5px solid red; /* Chrome, Safari, Opera */
    -moz-column-rule: 5px solid red; /* Firefox */
    column-rule: 5px solid red;
}

Codepen Ön izleme

See the Pen <a href='http://codepen.io/w3tr/pen/wKbvOp/'>Column-rule</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
column-rule width	Sütunlar arasındaki kural genişliğini ayarlar. Varsayılan değer: medium;
column-rule style	Sütunlar arasındaki kural stilini ayarlar. Varsayılan değer: none;
column-rule-color	Sütunlar arasındaki kural rengini ayarlar. Varsayılan değer: elemanın rengi;
İnital
İnherit

Tarayıcı Desteği


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

Bir cevap yazın Cevabı iptal et