THE WORLD'S LARGEST WEB DEVELOPER SITE

CSS3 grid-rows Property


Example

Define a header row of 100 pixels, and add as many additional rows as necessary, alternating heights of 30 and 60 pixels:

div
{
grid-rows:100px (30px 60px);
}


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The grid-rows property is not supported in any of the major browsers.


Definition and Usage

The grid-rows property specifies the height of each row 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)"

CSS 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  



COLOR PICKER

colorpicker

SHARE THIS PAGE






Search w3schools.com:

Translate w3schools.com: