Easy Tutorial
❮ Css3 Pr Background Origin Css3 Pr Overflow Y ❯

CSS3 grid-rows Property

Example

Define a header row with a height of 100 pixels, and add additional rows with heights of 30 and 60 pixels:


Browser Support

Currently, none of the major browsers support the grid-rows property.


Property Definition and Usage

The grid-rows property specifies the height of each row in the grid.

Tip: Using a grid system offers significant value for print designers. Now, similar changes are being applied to online content. Grid properties provide the ability to adjust the size and position of headers, text, and images within a scalable grid.

Default value: none
Inherited: no
--- ---
Version: CSS3
--- ---
JavaScript syntax: object.style.gridRows="100px (30px 60px)"
--- ---

Syntax

Value Description
length Refers to the grid of the containing block.
% Refers to the height of the containing block.
none
inherit
❮ Css3 Pr Background Origin Css3 Pr Overflow Y ❯