Showing content from https://webplatform.github.io/docs/css/properties/grid-template-rows below:
grid-template-rows · WebPlatform Docs
grid-template-rows Summary
Specifies (with grid-template-columns) the line names and track sizing functions of the grid. Each sizing function can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying the column or row, or a fraction of the free space in the grid.
Overview table
-
Initial value
-
none
-
Applies to
-
Grid containers
-
Inherited
-
No
-
Media
-
visual
-
Computed value
-
As specified, except for “auto”
-
Animatable
-
No
CSS Object Model Property
:
-
Percentages
-
N/A
Syntax
grid-template-rows: <track-list>
grid-template-rows: none
grid-template-rows: subgrid <line-name-list>
Values
-
none
-
Indicates that there is no explicit grid; any rows/columns will be implicitly generated, and their size will be determined by the grid-auto-rows and grid-auto-columns properties.
-
<track-list>
-
Specifies the track list for the grid columns. See specification for complete syntax.
-
subgrid <line-name-list>
-
Indicates that the grid will align to its parent grid in that axis. Rather than specifying the sizes of rows/columns explicitly, they will be taken from the parent grid’s definition. If the grid container is not a grid item, this value computes to "none".
Examples
grid-template-rows: 1fr minmax(min-content, 1fr);
Related specifications
-
W3C Grid Layout Module
-
W3C Working Draft
RetroSearch is an open source project built by @garambo
| Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4