The **`column-rule-color` property** in #key# CSS: Cascade Style Sheets #key# sets or defines the color of the rule between different columns when we are using a multi-column layout.

# 
#  Syntax

---
```css
column-rule-color: color|initial|inherit;
```
---

# 
## Property values

- **`color`**: It sets the color of the rule 

- **`initial`**: This sets the value to its default value

- **`inherit`**: This inherits the property from its parent value

##
## Code

The following is the basic #key# HTML: HyperText Markup Language #key# & CSS code to demonstrate the use of the `column-rule-color` property.

<title>Example</title>

<div class="col">
  <p>Welcome To Educative Edpresso Shots. 
  It is a platform where you can learn different 
  types of programming skills.</p> 
  <p>You can go through
  different shots which are based on different programming
  languages to enhance your skills.</p>
</div>

.col {
  background: rgb(255, 255, 255);
  padding: 20px;

  column-count: 2; 
  column-rule-width: 5px;
  column-rule-style: dashed;
  column-rule-color: rgb(18, 119, 133);
}

codemirror

# 
## Explanation

In this example, we set the `column-rule-color` property. We can see that a blue dashed line separates the column, and the size of one dash is set to be 5px. 

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

What is the CSS column-rule-color property?

The column-rule-color property in CSSCascade Style Sheets sets or defines the color of the rule between different columns when we are using a multi-column layout.  Syntax  column-rule-color: color|initial|inherit;    Property values   color: It sets the color of the rule   initial: This sets the value to its default value   inherit: This inherits the property from its parent value    Code The following is the basic HTMLHyperText Markup Language & CSS code to demonstrate the use of the column-rule-color property. 