The gap property defines the size of the gap between the rows and columns, and is a shorthand for the:

• row-gap Property
• column-gap Property

/* row-gap is set to 50px and the column-gap is set to 25px */
div {
    gap: 50px 25px;
}

These are the allowed values.

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

document.getElementById('my_div').style.gap = '50px 25px';

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

<script>
function my_function() {
    document.getElementById('my_div').style.gap = '50px 25px';
}
</script>