grid-column

The grid-column CSS property is shorthand for grid-column-start and grid-column-end.

Syntax

CSS

grid-column: value;

JS

object.style.gridColumn = "value";

Values

<'grid-column'> = <grid-line> [ / <grid-line> ]?
<grid-line> = auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]
auto

Automatically specified by the user agent.

<custom-ident>

Specifies any valid identifier that is not misinterpreted as a keyword.

<integer>

Specifies one or more decimal digits (0-9).

span

Specifies the number of tracks the item occupies.

Initial

auto

Examples

auto

custom-ident

integer

span

JS

Internal

grid-area

grid-column-end

grid-column-start

grid-row

grid-row-end

grid-row-start

External

World Wide Web Consortium (W3C)

Home Menu