CSS grid-row-end attribute


set up item1 stride across 3 that 's ok :

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

Give it a try »

Browser support

The number in the table indicates the first browser version number that supports this attribute .

grid-row-end 57 16 52 10 44

Attribute definition and instructions

grid-row-end Property specifies which row to stop displaying grid elements , Or set how many lines to span .

Default value : auto
inherit : no
Animation : support . Read about animatable Give it a try
edition : CSS Grid layout module Level 1
JavaScript Grammar : object.style.gridRowEnd="4" Give it a try


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

Worth Describe
auto Default value , Span a line .
row-line Set which line ends .
span n Cross industry n that 's ok .

More examples


Set grid item1 Set on page 3 End of line :

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

Give it a try »

Related articles

CSS course : CSS Grid layout