grid:
shorthand;

Name:

grid

Value:

<'grid-template'>
|
<'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>?
|
[ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>

Initial:

none

Applies to:

grid containers

Name:

grid-template

Value:

none
|
[ <'grid-template-rows'> / <'grid-template-columns'> ]

Initial:

none

Applies to:

grid containers

Name:

grid-template-columns, grid-template-rows

Value:

none | <track-list> | <auto-track-list>

Initial:

none

Applies to:

grid containers

Name:

grid-auto-flow

Value:

[ row | column ] || dense

Initial:

row

Applies to:

grid containers

Name:

grid-auto-columns, grid-auto-rows

Value:

<track-size>+

Initial:

auto

Applies to:

grid containers

(&&): All of which must occur, in any order.

(||): One or more of them must occur, in any order.

(|): Exactly one of them must occur.

(+): Occurs one or more times.

(?): Occurs zero or one times.