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?

Syntax

Property values

Code

Explanation