Клавиша / esc

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;
}

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