Egenskapene grid-row
og grid-column
definerer hvilken rad eller kolonne et element skal vises på.
.element ( grid-row: 1 / 2; grid-column: 3 / -1; )
Her er et eksplisitt 3 × 3 rutenett der disse egenskapene brukes til å plassere rutenett på det på bestemte steder:
I slekt
- Den komplette guiden til rutenett
- rutenett-mal-kolonner / rutenett-mal-rader
Nettleserstøtte
Disse nettleserstøttedataene er fra Caniuse, som har flere detaljer. Et tall indikerer at nettleseren støtter funksjonen i den versjonen og oppover.
Desktop
Chrome | Firefox | DVS | Kant | Safari |
---|---|---|---|---|
57 | 52 | 11 * | 16 | 10.1 |
Mobil / nettbrett
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 10.3 |