ExampleDefine a header row of 100 pixels, and add as many additional rows as necessary, alternating heights of 30 and 60 pixels:
|
The grid-rows property is not supported in any of the major browsers.
The grid-rows property specifies the height of each column in the grid.
Tip: 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)" |
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 |