Trusted answers to developer questions
Trusted Answers to Developer Questions

Related Tags

css
community creator

What is the CSS column-rule-width property?

Behzad Ahmad

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

The column-rule-width property in CSSCascading Style Sheet is used to define the width of the column rule between different columns when we are using the multi-column layout.

Syntax

column-rule-width: medium|thin|thick|length|initial|inherit;

Property values

  • thin: used to specify that the thin rule between columns.

  • thick: used to specify the thick rule between columns.

  • length: used to define the thickness of the rule.

  • medium: It is the default value, and is used to specify that the rule is medium.

  • initial: used to set the value to its default value.

  • inherit: used to inherit property from its parent value.

Code

The following is the basic HTMLHyperText Markup Language & CSS code to demonstrate the use of the column-rule-width property.

Explanation

From this example, where we have set the column-rule-width property, we can see that the column is separated by a blue dashed line and that the size of one dash is set to be 5px.

We can also change the style, color, and width according to our own choice.

RELATED TAGS

css
community creator

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

Keep Exploring