column-rule-color

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Свойство column-rule-color отвечает за цвет линии между колонками в многоколоночной вёрстке.

Как пишется

Секция статьи "Как пишется"

Можно использовать любые допустимые значения цветов. По умолчанию установлено значение currentColor.

Для того, чтобы задать межколоночной линии красный цвет, мы напишем:

        
          
          p {  column-count: 3;  column-rule-color: red;}
          p {
  column-count: 3;
  column-rule-color: red;
}

        
        
          
        
      

Также column-rule-color — это третье значение в свойстве column-rule.

Пример

Секция статьи "Пример"

Зададим межколоночной линии жёлтый цвет:

        
          
          p {  column-count: 3;  column-rule: 3px solid;  column-rule-color: yellow;}
          p {
  column-count: 3;
  column-rule: 3px solid;
  column-rule-color: yellow;
}

        
        
          
        
      
Открыть демо в новой вкладке