Easy Tutorial
❮ Css3 Pr Text Outline Pr Pos Top ❯

CSS grid-row-start Property

Example

Set item1 to start from the second row:

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

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property Chrome Edge Firefox Safari Opera
grid-row-start 57 16 52 10 44

Property Definition and Usage

The grid-row-start property specifies on which row to start displaying the grid element.

Default value: auto
Inherited: no
--- ---
Animatable: Yes. Read about animatable Try it
--- ---
Version: CSS Grid Layout Module Level 1
--- ---
JavaScript syntax: object.style.gridRowStart="3" Try it
--- ---

Syntax

grid-row-start: auto|row-line;
Value Description
auto Default. The item is laid out in the normal order.
row-line Specifies on which row to start the display.

Related Articles

CSS Tutorial: CSS Grid Layout

CSS Reference: grid-column Property

CSS Reference: grid-column-end Property

CSS Reference: grid-row Property

CSS Reference: grid-row-end Property

❮ Css3 Pr Text Outline Pr Pos Top ❯