css.properties

grid-template

The grid-template property is shorthand for grid template properties.

Formal Syntax

grid-template = none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]? <line-names> = '[' <custom-ident>* ']' <track-size> = <track-breadth> | minmax( <inflexible-breadth> , <track-breadth> ) | fit-content( <length-percentage [0,∞]> ) <explicit-track-list> = [ <line-names>? <track-size> ]+ <line-names>?
Initial value
none
Applies to
grid containers
Inherited
no
Percentages
see individual properties
Computed value
see individual properties
Animation type
see individual properties

See specification

JavaScript Access

// Access via element.style element.style.gridTemplate = "none";

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
grid-template575210.116
none575210.179

Related Properties