css.properties

grid-area

The grid-area property specifies a grid item's position and size.

Formal Syntax

grid-area = <grid-line> [ / <grid-line> ]{0,3} <grid-line> = auto | <custom-ident> | [ [ <integer [-โˆž,-1]> | <integer [1,โˆž]> ] && <custom-ident>? ] | [ span && [ <integer [1,โˆž]> || <custom-ident> ] ]

See specification

JavaScript Access

// Access via element.style element.style.gridArea = "auto";

Browser Support

standard | MDN ยท Spec

FeatureChromeFirefoxSafariEdge
grid-area575210.116
auto575210.116

Related Properties