CSS grid-row-start Property


The grid-row-start CSS property specifies a grid item's start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.

The grid-row-start property in CSS is used to define the grid items start position within the grid row by specifying the inline start edge of its grid area.

The grid-row-start property defines on which row-line the item will start.

CSS Syntax

grid-row-start: auto|row-line;
Property Values:
  • auto: It sets the grid-row-start property to its default value of one row.
  • span: It specifies the number of rows the item will span.
  • integer(row-line): It specifies the row on which the item starts.
  • initial: It sets the grid-row-start property to its default value.
  • inherit: The grid-row-start property is inherited from its parent.

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -