Cet utilitaire permet à un élément de s'étendre sur plusieurs lignes ou de se placer à une ligne spécifique dans la grille.
| Classe |
Styles |
| row-span-<nombre> |
grid-row: span <nombre> / span <nombre>; |
| row-span-full |
grid-row: 1 / -1; |
| row-span-(<propriete-personnalisee>) |
grid-row: span var(<propriete-personnalisee>) / span var(<propriete-personnalisee>); |
| row-span-[<valeur>] |
grid-row: span <valeur> / span <valeur>; |
| row-start-<nombre> |
grid-row-start: <nombre>; |
| -row-start-<nombre> |
grid-row-start: calc(<nombre> * -1); |
| row-start-auto |
grid-row-start: auto; |
| row-start-(<propriete-personnalisee>) |
grid-row-start: var(<propriete-personnalisee>); |
| row-start-[<valeur>] |
grid-row-start: <valeur>; |
| row-end-<nombre> |
grid-row-end: <nombre>; |
| -row-end-<nombre> |
grid-row-end: calc(<nombre> * -1); |
| row-end-auto |
grid-row-end: auto; |
| row-end-(<propriete-personnalisee>) |
grid-row-end: var(<propriete-personnalisee>); |
| row-end-[<valeur>] |
grid-row-end: <valeur>; |
| row-auto |
grid-row: auto; |
| row-<nombre> |
grid-row: <nombre>; |
| -row-<nombre> |
grid-row: calc(<nombre> * -1); |
| row-(<propriete-personnalisee>) |
grid-row: var(<propriete-personnalisee>); |
| row-[<valeur>] |
grid-row: <valeur>; |
