The columns property is a shorthand property for the column-count and column-width properties. The column-width will define the minimum width for each column, while the column-count will define the maximum number of columns.

• column-count Property
• column-width Property

div {
    columns: 250px 3;
}

These are the allowed values.

The HTML element can also be styled using JavaScript and the element’s id.

document.getElementById('my_div').style.columns = '250px 3';

<button onclick='my_function()'>Click Here</button>

<script>
function my_function() {
    document.getElementById('my_div').style.columns = '250px 3';
}
</script>