CSS grid-column-start attribute


set up "item1" From... To 2 Column start :

.item1 { grid-column-start: 2 ; }

Give it a try »

Browser support

The number in the table indicates the first browser version number that supports this attribute .

grid-column-start 57 16 52 10 44

Attribute definition and instructions

grid-column-start Attribute defines which column the grid element starts from .

Default value : auto
inherit : no
Animation : support . Read about animatable Give it a try
edition : CSS Grid layout module Level 1
JavaScript Grammar : object.style.gridColumnStart="3" Give it a try


grid-column-start: auto|span n|column-line;

Worth Describe
auto Default value , Grid elements are set by flow .
span n Specifies the number of columns that the grid element will span .
column-line Specifies which column to start displaying grid elements from .

Related articles

CSS course : CSS Grid layout

CSS Reference manual : grid-column attribute

CSS Reference manual : grid-column-end attribute

CSS Reference manual : grid-row-start attribute

CSS Reference manual : grid-row-end attribute