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
Value | Description |
---|---|
length | Refers to the grid of the containing block |
% | Refers to the width of the containing block |
none | |
inherit |
Examples
div { grid-columns:50% * * 200px; }