CSS grid-row-start property

Definition and Usage

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

See also:

CSS Tutorial:CSS Grid Layout

CSS Reference Manual:grid-column Property

CSS Reference Manual:grid-column-end Property

CSS Reference Manual:grid-row Property

CSS Reference Manual:grid-row-end Property

Example

Make "item1" start from line 2:

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

Try It Yourself

CSS Syntax

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

Attribute Value

Value Description
auto Default Value. The item will follow the flow positioning.
row-line Specifies from which line the item should start displaying.

Technical Details

Default Value: auto
Inheritance: No
Animation Creation: Supported. See also:Animation-related Properties.
Version: CSS Grid Layout Module Level 1
JavaScript Syntax: object.style.gridRowStart="3"

Browser Support

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

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44