description & Usage
To specify specific areas in a grid layout, we use the grid-template-areas property.
Informations
| # | Description |
|---|---|
| Default Value | none |
| Inherited | no |
| Animatable | yes |
| Version | CSS Grid Layout Module Level 1 |
| JavaScript syntax | object.style.gridTemplateAreas=". . . myArea myArea" |
Browser compatibility and Support
| # | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| grid-template-areas |
Syntax
Values
| Values | Description |
|---|---|
| none | Default |
| itemnames | Determines how columns and rows are displayed. |