The grid-row-end property in CSS is used to define the grid items end position within a grid row by specifying the inline edge of its grid area.
- auto: The grid items span for the default value of one row.
- span int: It specifies the number of rows the item will span.
- integer: It specifies the row on which the the item ends.
- initial: It sets the grid-row-end property to its default value.
- inherit: The grid-roe-end property is inherited from its parent.
Note: Don’t initialize the height and width of the items of the container explicitly. If initialized, the span effect can’t be observed.
Example 1: This example describes the container items without the grid-row-end property.
Example 2: This example describes the container items with the grid-row-end: span n property.
Supported Browsers: The browser supported by grid-row-end property are listed below:
- Google Chrome 57.0
- Internet Explorer 16.0
- Firefox 52.0
- Safari 10.0
- Opera 44.0
- CSS | transition-property Property
- CSS | top Property
- CSS | all Property
- CSS | right Property
- CSS | Display property
- CSS | quotes Property
- CSS | animation-name Property
- CSS | left Property
- CSS | flex Property
- CSS | height Property
- CSS | transition Property
- CSS | perspective Property
- CSS | grid Property
- CSS | border-top Property
- CSS | box-sizing Property
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to email@example.com. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.