Кратко
СкопированоСвойство column
отвечает за ширину линии между колонками в многоколоночной вёрстке.
Как понять
СкопированоМожно использовать любые единицы измерения, доступные в вебе, кроме процентов. По умолчанию установлено значение medium
. Более подробно можно прочесть в описании border
, ширина межколоночной линии описывается и вычисляется так же, как и ширина рамки.
Как пишется
СкопированоЧтобы задать межколоночной линии ширину 2 px, мы напишем:
p { column-count: 3; column-rule: 2px;}
p { column-count: 3; column-rule: 2px; }
Также column
— это первое значение в свойстве column
.
Пример
СкопированоВ примере ниже вы можете поменять ширину линии между колонками. По умолчанию заданы такие стили:
.text-wrapper { column-count: 3; column-rule: 3px solid #ffd829; column-gap: 25px;}
.text-wrapper { column-count: 3; column-rule: 3px solid #ffd829; column-gap: 25px; }