Example

A simple grid-row property example:

Laboratory

description & Usage

To determine the location of an item in a grid layout, we use the grid-row property, which is followed by 2 other properties, which are:

grid-row-start


grid-row-end

Informations

# Description
Default Value auto / auto
Inherited no
Animatable yes
Version CSS Grid Layout Module Level 1
JavaScript syntax object.style.gridRow="2 / span 2"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
grid-row

Syntax

Values

Values Description
grid-row-start Determines which line to start displaying information on.
grid-row-end Determines on which line the display of information ends.