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

 

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