Le proprietà grid-row
e grid-column
definiscono su quale riga o colonna verrà visualizzato un elemento.
.element ( grid-row: 1 / 2; grid-column: 3 / -1; )
Ecco una griglia 3 × 3 esplicita in cui queste proprietà vengono utilizzate per posizionare gli elementi della griglia su di essa in punti specifici:
Relazionato
- La guida completa alla griglia
- griglia-modello-colonne / griglia-modello-righe
Supporto browser
Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.
Desktop
Cromo | Firefox | IE | Bordo | Safari |
---|---|---|---|---|
57 | 52 | 11 * | 16 | 10.1 |
Mobile / Tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 10.3 |