 |
VOOZH | about |
|
VOOZH | about |
The grid-column-gap property in CSS is used to set the size of the gap between the columns in a grid layout.
Syntax:
grid-column-gap: none | length | initial |inherit;Property Values:
Property Value | Definition |
none | It is used to set the grid-column-gap property to its default value. The default value of grid-column-gap is 0. |
length | The size of the gap between columns is given in terms of length. The value of length can be in the form of px, em, etc. The value must be non-negative. |
initial | It is used to set the grid-column-gap property to its default value. |
inherit | This property is inherited from its parent. |
Example 1: In this example, we are using the above-explained property.
Output:
Example 2: This example describes the default grid-column-gap property.
Output:
👁 Image
Supported browsers: The browser supported by CSS grid-column-gap property are listed below:
