CSS grid-column Property
Description
The grid-column property controls a grid item's placement in a grid area, particularly grid position and a grid span. Shorthand for setting grid-column-start and grid-column-end in a single declaration.
- Initial valueSee individual properties
- Applies toGrid Items
- InheritedNo
- MediaVisual
- Computed valueSee individual properties
- AnimatableNo
- CSS VersionCSS3
- JavaScript syntaxobject.style.gridColumn
Syntax
Formal syntax: <grid-line> [ / <grid-line> ]? grid-column: 1 / 3;
Values
- <grid-line> [ / <grid-line> ]
Example
.class {
grid-columns: 50% * * 4em;
}
Browser Support
? | ? | ? | ? | ? |
View All CSS Properties
Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.