This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

grid-column-position

Summary

Specifies the column position to place a grid item based upon integer location, string value, or column size.

Overview table

Initial value
auto
Applies to
Grid Item elements
Inherited
No
Media
visual
Computed value
see text
Animatable
No

CSS Object Model Property
:

Percentages
n/a

Syntax

  • grid-column-position: <identifier>
  • grid-column-position: <integer>
  • grid-column-position: <string>
  • grid-column-position: auto

Values

<integer>
A value that specifies a grid line in the grid.
<string>
A name value that specifies a named grid line.
<identifier>
Refers to a named Grid area and computes to a Grid line with the starting edge of the Grid area.
auto
Places a Grid item based on an automatic placement algorithm.

See also

Related articles

Grid Layout