CSS gridtemplate Property (original) (raw)

CSS grid-template Property

Last Updated : 27 Aug, 2024

The grid-template property in CSS is a shorthand property for defining grid columns, rows, and areas. It allows you to set values for the following longhand properties: grid-template-rows, grid-template-columns, and grid-template-areas.

**Syntax

grid-template: none| grid-template-rows/ grid-template-columns | grid-template-areas | initial | inherit

**Property Values:

**1. none:

Resets the sizing of rows and columns to their default values.

**Example:

html `

CSS | grid-template Property