Definition and Usage
The grid-rows property specifies the height of each row in the grid.
Note: Using grid systems is a great value for print designers. Now the same concept is applied to online content. The grid-properties add capabilities for sizing and positioning headings, text, and images in a scalable grid.
| Default value: | none |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object.style.gridRows="100px (30px 60px)" |
Syntax
grid-rows: length|%|none|inherit;
Values
| Value | Description |
|---|---|
| length | Refers to the grid of the containing block |
| % | Refers to the height of the containing block |
| none | |
| inherit |
Examples
div {
grid-rows:100px (30px 60px);
}
