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
Explorer Edge Chrome Firefox Opera Safari
X16???10.1
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
57???10.36.0