CSS3 grid-rowsProperty
Example
Define a header row as 100 pixels, and add many additional heights of 30 and 60 pixels as necessary:
div
{
grid-rows:100px (30px 60px);
}
{
grid-rows:100px (30px 60px);
}
Browser Support
Currently, all major browsers do not support the grid-rows property.
Property definition and usage instructions
The grid-rows property specifies the height of each row in the grid.
Tip:Using grid systems has immense value for print designers. Now the same changes are being applied to online content. Grid properties provide the ability to adjust the size and position of headings, text, and images within a scalable grid.
| Default value: | none |
|---|---|
| Inherited: | no |
| version: | CSS3 |
| JavaScript Syntax: | object.style.gridRows="100px (30px 60px)" |
Syntax
grid-rows: length|%|none|inherit;
| Value | Description |
|---|---|
| length | Refers to the grid of the containing block. |
| % | Refers to the height of the containing block. |
| none | |
| inherit |