CSS3 grid-rows property
Defined as a 100-pixel title line, necessary and adding many additional heights of 30 and 60 pixels:
Div
{
grid-rows:100px (30px 60px);
}
{
grid-rows:100px (30px 60px);
}
Browser support
Grid-rows properties are not currently supported by all major browsers.
Description of property definition and use
The grid-rows property specifies the height of each row in the grid.
Tip: Using a grid system is of great value to print designers. T he same changes are now applied to online content. Grid properties provide the ability to adjust the size and position of titles, text, and pictures in a scalable grid.
| Default: | none |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object .style.gridRows="100px (30px 60px)" |
Grammar
grid-rows:
length
|
%
|none|inherit;
| Value | Describe |
|---|---|
| length | Refer to the grid that contains the block. |
| % | Refer to the height of the containing block. |
| none | |
| inherit |