The **`column-width`** property in #key# CSS: Cascade Style Sheets #key# is used to define the width of the column when we are using a multi-column layout. 

---
> We can also use the `column` property to set the column count and width only once. 
---

# 
#  Syntax

---
```css
column-width: auto|length|initial|inherit;
```
---

##
## Property values

- **`auto`**: It is the default value. The width of the column is specified by the browser automatically. 

- **`length`**: It is used to define the width of the column. 

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

- **`inherit`**: This inherits 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-width property.

<title>Example</title>

<div class="col">
  <h3>Welcome To Educative Edpresso Shots. </h3>
  
  <p>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(236, 236, 231);
  padding: 5px;

  column-rule: 4px dotted rgb(221, 110, 70);
  column-width: 200px;
}

codemirror

# 
## Explanation

In this example, we can see that we have set the width between the columns as **`200px`**.

We can also set the width according to our choice. 

What is the CSS column-width property?

Defines the column width in CSS for multi-column layouts, with values: auto, length, initial, inherit.