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

Summary

Sets the width, style, and color of the rule between columns.

Overview table

Initial value
see individual properties
Applies to
multi-column elements
Inherited
No
Media
visual

Computed value
:

Animatable
No
CSS Object Model Property
columnRule
Percentages
N/A

Syntax

  • column-rule: column-rule-color
  • column-rule: column-rule-style
  • column-rule: column-rule-width
  • column-rule: transparent

Values

column-rule-width
Value of the column-rule-width property.
column-rule-style
Value of the column-rule-style property.
column-rule-color
Value of the column-rule-color property.
transparent
Indicates rule is transparent.

Examples

Makes 3 columns with 4px dashed green column-rule.

#columns {
  column-count: 3;
  column-rule: 4px dashed green;
}

View live example

Syntax

column-rule: column-rule-width || column-rule-style || [ column-rule-color | transparent ]

See also

Related articles

Multi-Column

Related pages

  • CSSStyleDeclarationCSSStyleDeclaration
  • currentStylecurrentStyle
  • stylestyle
  • address
  • blockQuote
  • div
  • dl
  • fieldSet
  • form
  • noFrames
  • noScript
  • ol
  • p
  • pre
  • tabletable
  • ul
  • dd
  • dt
  • li
  • tBody
  • td
  • tFoot
  • th
  • tHead
  • tr
  • button
  • del
  • ins
  • map
  • object
  • script

Attributions