grid-row-end#

#Introduction

The grid-row-end CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement.

#Examples

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

Code

Preview

#Syntax

/* <number> values */
grid-row-end: 2;
grid-row-end: 3;

/* span  <number> values*/
grid-row-end: 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 end position. An integer value of 0 is invalid.

• span && <number>

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

#Formal definition

#Formal syntax

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

#Difference between web

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

#Compatibility