Example

A simple grid-column-start property example:

Laboratory

description & Usage

We use the grid-column-start property to determine which column line the item and information should start from.

Informations

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

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
grid-column-start

Syntax

Values

Values Description
auto Default
span n Determines the number of columns from which the item is supposed to be productive at once.
column-line Determines which column the item starts from.