CSS grid template areas Property
CSS grid-template-areas Property
The grid-template-areas property is used to define an area within the grid layout. We can name grid items by using the grid-area property and then reference the name in the grid-template-areas property. For defining an area we use apostrophes. Use a period(.) sign to refer to a grid item with no name.
Default Value:-
Its default value is none.
Syntax:-
Its syntax is:- grid-template-areas: none | item_names;
Further Explanation:-
Value | Description |
---|---|
none | No named grid areas |
item_names | A sequence that specifies how each columns and row should display |