This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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

Attributions