Les propriétés grid-rowet grid-columndéfinissent sur quelle ligne ou colonne un élément sera affiché.
.element ( grid-row: 1 / 2; grid-column: 3 / -1; )Voici une grille explicite 3 × 3 où ces propriétés sont utilisées pour y placer des éléments de grille à des endroits spécifiques:
En rapport
- Le guide complet de la grille
- grid-template-columns / grid-template-rows
Prise en charge du navigateur
Ces données de support de navigateur proviennent de Caniuse, qui contient plus de détails. Un nombre indique que le navigateur prend en charge la fonctionnalité dans cette version et plus.
Bureau
| Chrome | Firefox | C'EST À DIRE | Bord | Safari |
|---|---|---|---|---|
| 57 | 52 | 11 * | 16 | 10.1 |
Mobile / tablette
| Chrome Android | Android Firefox | Android | Safari sur iOS |
|---|---|---|---|
| 88 | 85 | 81 | 10,3 |