CSS grid-row-endProperty

Example

Set item1 to span 3 rows:

.item1 { grid-row-end: span 3; }

The numbers in the table indicate the first browser version that supports this property.

Property
grid-row-end	57	16	52	10	44

The grid-row-end property specifies which row line to stop displaying the grid item, or how many rows it should span.

Default Value:	auto
Inherited:	no
animation:	Supported.Read Aboutanimatable Try it Yourself
version:	CSS Grid Layout Module Level 1
JavaScript Syntax:	object.style.gridRowEnd="4" Try it Yourself

grid-row-end: auto|row-line|span n;

Value	Description
auto	Default value, spanning one line.
row-line	Set which line to end on.
span n	Cross-industry n lines.

Set grid item1 to end at row 3:

.item1 { grid-row-end: 3; }

other extensions