grid-rows property

Author admin Reading 1 min Views 363 Published by July 2, 2012 Modified by October 2, 2024

Contents

Definition and Usage
Syntax
Values
Examples

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); 
  
}