column-rule-style

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

Стиль межколоночной линии задаётся при помощи ключевых слов. Более подробно можно прочесть в описании border-style, стиль межколоночной линии задаётся так же, как и стиль рамки.

Чтобы задать пунктирную межколоночную линию, мы напишем:

        
          
          p {  column-count: 3;  column-rule-style: dashed;}
          p {
  column-count: 3;
  column-rule-style: dashed;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

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

В примере ниже вы можете поменять стиль линии между колонками. По умолчанию заданы такие стили:

        
          
          .text-wrapper {  column-count: 3;  column-rule: 5px solid #ffd829;  column-gap: 25px;}
          .text-wrapper {
  column-count: 3;
  column-rule: 5px solid #ffd829;
  column-gap: 25px;
}

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать