grid-row-start#

#Introduction

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.

#Examples

css-apisrc/grid-row-start/App.tsx

Preview

#Syntax

/* <number> values */
grid-row-start: 1;
grid-row-start: 2;

/* span  <number> values*/
grid-row-start: span 1;

#Values

• auto

  Default value. Is a keyword indicating that the property contributes nothing to the grid item's placement, indicating auto-placement, an automatic span, or a default span of 1.

• <number>

  Grid item's start position. An integer value of 0 is invalid.

• span && <number>

  Contributes a grid span to the grid item's placement; such that the row start edge of the grid item's grid area is n lines from the end edge.

#Formal definition

#Formal syntax

grid-row-start = <number> | [span && <number>]

#Difference between web

• <custom-ident>, span && <custom-ident>, <integer> && <custom-ident>? are not supported.

#Compatibility