grid-column: auto;
grid-column: auto / auto;
grid-column: somegridarea;
grid-column: somegridarea / someothergridarea;
grid-column: somegridarea 4;
grid-column: 4 somegridarea / 6;
grid-column: span 3;
grid-column: span somegridarea;
grid-column: 5 somegridarea span;
grid-column: span 3 / 6;
grid-column: span somegridarea / span someothergridarea;
grid-column: 5 somegridarea span / 2 span;
grid-column: inherit;
grid-column: initial;
grid-column: revert;
grid-column: revert-layer;
grid-column: unset;
This property is specified as one or two <grid-line>
values.
If two <grid-line>
values are given, they are separated by /
. The grid-column-start
longhand is set to the value before the slash, and the grid-column-end
longhand is set to the value after the slash.
Each <grid-line>
value can be specified as:
- either the
auto
keyword - or a
<custom-ident>
value - or an
<integer>
value - or both
<custom-ident>
and <integer>
, separated by a space - or the keyword
span
together with either a <custom-ident>
or an <integer>
or both.