Example

A simple grid-column-gap property example:

Laboratory

description & Usage

We use the grid-column-gap property to determine the distance between columns in a grid layout.

Informations

# Description
Default Value 0
Inherited no
Animatable yes
Version CSS Grid Layout Module Level 1
JavaScript syntax object.style.gridColumnGap="50px"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
grid-column-gap

Syntax

Values

Values Description
length Determines the distance in centimeters, pixels, etc.