Menu Home

grid-template-areas

osbo.com | CSS | Properties | grid-template-areas

The grid-template-areas CSS property specifies named grid areas, which are not associated with any particular grid item, but can be referenced from the grid-placement properties.

Syntax

CSS

grid-template-areas: value;

JS

object.style.gridTemplateAreas = "value";

Values

<'grid-template-areas'> = none | <string>+
none

Indicates that no named grid areas, and likewise no explicit grid tracks, are defined by this property (though explicit grid tracks could still be created by grid-template-columns or grid-template-rows).

<string>

Specifies a sequence of characters delimited by double quotes (") or single quotes (').

Initial

none

Examples

none

string

JS

Internal

grid

grid-auto-columns

grid-auto-flow

grid-auto-rows

grid-template

grid-template-columns

grid-template-rows

External

World Wide Web Consortium (W3C)