description & Usage
The grid-column property is used to determine the number of columns and items that should be placed in them, which properties:
grid-column-start
grid-column-end
also includes
Informations
| # | Description |
|---|---|
| Default Value | auto / auto |
| Inherited | no |
| Animatable | yes |
| Version | CSS Grid Layout Module Level 1 |
| JavaScript syntax | object.style.gridColumn="2 / span 2" |
Browser compatibility and Support
| # | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| grid-column |
Syntax
Values
| Values | Description |
|---|---|
| grid-column-start | Determines which column the item should start in. |
| grid-column-end | Determines which column the item will end up in. |