Example

A simple grid-column-end property example:

Laboratory

description & Usage

The grid-column property is used to determine the number of columns and items that should be placed in them, which properties:

grid-column-start
grid-column-end

also includes

Informations

# Description
Default Value auto / auto
Inherited no
Animatable yes
Version CSS Grid Layout Module Level 1
JavaScript syntax object.style.gridColumn="2 / span 2"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
grid-column

Syntax

Values

Values Description
grid-column-start Determines which column the item should start in.
grid-column-end Determines which column the item will end up in.