RetroSearch Browse

Showing content from https://webplatform.github.io/docs/css/properties/column-rule-style below:

column-rule-style Summary

Specifies the style of the rule between columns. The column-rule-style values are the same as for border-style.

Overview table

Syntax

Values

none: Default. No column rule is drawn, regardless of any specified column-rule-width. The computed value is set to 0.
dotted: Column rule is a dotted line.
dashed: Column rule is a dashed line.
solid: Column rule is a solid line.
double: Column rule is two parallel solid lines with a space between. The sum of the two single lines and the space between equals the column-rule-width value. The column rule width must be at least 3 pixels wide to draw a double rule.
groove: 3-D groove is drawn in colors slightly lighter and darker than the value.
ridge: 3-D ridge is drawn in colors based on the value.
inset: 3-D inset is drawn in colors based on the value.
outset: 3-D outset is drawn in colors based on the value.
hidden: Same as none.

Examples

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



#columns {
  columns: 3;

  
  column-rule-style: dashed;
  column-rule-color: green;
  column-rule-width: 5px;
}

Related specifications