CSS grid-row Property

Description

The grid-row property gets or sets a value that indicates which row an element within a Grid should appear in. Shorthand for setting grid-row-start and grid-row-end in a single declaration.

Initial value

See individual properties

Applies to

Grid Items

Inherited

No

Media

Visual

Computed value

See individual properties

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.gridRow

Syntax

Formal syntax: <grid-line> [ / <grid-line> ]?

grid-row: 1 / 3;

Values

• <grid-line> [ / <grid-line> ]

Example

.class {
   grid-rows: 4em (0.25em 1em); 
}

Browser Support

Desktop
X	16	?	?	?	10.1
Tablets / Mobile
57	?	?	?	10.3	6.0