grid-auto-position

Summary

Specifies the automatic default location if a grid container does not specify automatic-placement strategy via grid-auto-flow.

Overview table

Initial value

1 / 1

Applies to

Grid containers

Inherited

No

Media

visual

Computed value

As specified

Animatable

No

CSS Object Model Property
:

Percentages

N/A

Syntax

• grid-auto-position: <grid-line> / <grid-line>

Values

<grid-line> / <grid-line>

Specifies the default starting grid column and grid row, respectively. The two <grid-line> values are treated as though they were specified by grid-column-start and grid-column-end.

Examples

/*
This example specifies that (not otherwise placed) grid items
will be placed at column 1, row 2.
*/
#grid{
    grid-auto-position: 1 / 2;
  }

Related specifications

W3C Grid Layout Module

W3C Working Draft