語法

網格模板grid-template

Setting grid columns, grid rows, and grid areas.

Class	Declarations
grid-template:`value`	grid-template: `value`;
grid-template:`rows`/`columns`	grid-template: `rows`/`columns`;
grid-template:`areas`\|`rows`/`columns`	grid-template: `areas` `rows`/`columns`;
`grid-template:none`	`grid-template: none;`

Apply styles based on different states using selectors and conditional queries.

<div class="grid-template:none:hover grid-template:none@sm grid-template:none@dark grid-template:none@print">…</div>

Style utility for creating multiple grid rows.

Setting areas in the grid container

Overview