Example

A simple grid-column-end property example:

Laboratory

description & Usage

The grid-column-end property determines how many columns an item spans and in which column it ends.

Informations

# Description
Default Value auto
Inherited no
Animatable yes
Version CSS Grid Layout Module Level 1
JavaScript syntax object.style.gridColumnEnd="5"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
grid-column-end

Syntax

Values

Values Description
auto Default
span n Determines the number of columns that the item contains.
column-line It determines in which of the columns the display of the item ends.