Learn CSS daily

column-rule
.container { column-count: 2; column-rule: 2px dashed #333; }

The 'column-rule' property is used in multi-column layouts to set the style, width, and color of the rule between columns. It allows you to customize the appearance of the rule that separates columns.

column-gap
.multi-column { column-count: 3; column-gap: 20px; }

The 'column-gap' property in CSS sets the gap between columns in a multi-column layout. It allows you to specify the width of the gap between columns.

column-fill
.multi-column { column-count: 3; column-fill: balance; }

The 'column-fill' property in CSS is used to specify how content should be distributed between columns in a multi-column layout. It controls whether the columns should be filled sequentially or balanced evenly with content.

column-count
.column-container { column-count: 2; }

The CSS 'column-count' property is used to specify the number of columns an element should be divided into. It allows content to flow into multiple columns, creating a newspaper-like layout.

color
p { color: blue; }

The CSS 'color' property is used to set the text color of an element. It can take various values such as color names, hexadecimal, RGB, or HSL values. This property allows you to style text content with different colors.