CSS grid-row-startProperty


Example

Set item1 to start from row 2:

.item1 { grid-row-start: 2; }

Try it Yourself »

Browser Support

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

Property
grid-row-start 57 16 52 10 44

Property definition and usage instructions

The grid-row-start property specifies which row the grid item starts displaying on.

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


Syntax

grid-row-start: auto|row-line;

Value Description
auto Arrange in normal order.
row-line Set the starting row.

Related Articles

CSS Tutorial:CSS Grid Layout

CSS Reference Manual:grid-columnProperty

CSS Reference Manual:grid-column-endProperty

CSS Reference Manual:grid-rowProperty

CSS Reference Manual:grid-row-endProperty

other extensions