column-rule-color

Summary

Specifies the color of the rule between columns.

Overview table

Initial value

currentColor (same as for ‘color’ property)

Applies to

multi-column elements

Inherited

No

Media

visual

Computed value

as specified

Animatable

Yes

CSS Object Model Property

columnRuleColor

Percentages

N/A

Syntax

• column-rule-color: color

Values

color

One of the color names, RGB, RGBA, HSL, or HSLA values in the Color Table.

Examples

Uses the column-rule-color property to set the color of the rule between columns.

/*
Makes 3 columns with 4px dashed green column-rule
*/

#columns {
  columns: 3;

  /* Prefix free example below, use vendor prefixes where needed */
  column-rule-style: dashed;
  column-rule-color: green;
  column-rule-width: 5px;
}

View live example

Related specifications

CSS Multi-column Layout Module

W3C Candidate Recommendation

See also

Related articles

Multi-Column

• break-after

• break-before

• break-inside

• column-count

• column-gap

• column-rule

• column-rule-color

• column-rule-style

• column-rule-width

• column-span

• column-width

• content

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]