grid-columns property CSS Reference



Definition and Usage

The grid-columns property specifies the width of each column 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.gridColumns="50% * * 200px"

Syntax

grid-columns: length|%|none|inherit;

Values

ValueDescription
lengthRefers to the grid of the containing block
%Refers to the width of the containing block
none 
inherit 

Examples

div {
    grid-columns:50% * * 200px;
}

Relative articles