CSS grid-template-areas Property

The grid-template-areas CSS property specifies the area within the grid layout. Based on the sequence of values of the grid-template-areas property, the named grid area can be rendered on the screen. 




Property Values

Value Description
none The default value. There are no named grid areas.
item-names A sequence describing how each column and row should be displayed.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
grid-template-areas 57.0 52.0 10.0 16.0 44.0