Propriété CSS grid-row-end
Exemple
Faites en sorte que "item1" s'étende sur 3 lignes :
.item1 {
grid-row-end: span 3;
}
Définition et utilisation
La grid-row-end
propriété définit le nombre de lignes qu'un élément couvrira ou sur quelle ligne l'élément se terminera (voir l'exemple à la fin de cette page).
Valeur par défaut: | auto |
---|---|
Hérité: | non |
Animable : | Oui. En savoir plus sur l'animation |
Version: | Module de disposition de grille CSS niveau 1 |
Syntaxe JavaScript : | objet .style.gridRowEnd="4" |
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
grid-row-end | 57 | 16 | 52 | 10 | 44 |
Syntaxe CSS
grid-row-end:
auto|row-line|span n;
Valeurs de propriété
Value | Description | Play it |
---|---|---|
auto | Default value. The item will span one row. | |
span n | Specifies the number of rows the item will span. | |
row-line | Specifies on which row to end the display of the item. |
Plus d'exemples
Exemple
Vous pouvez utiliser des valeurs ligne-ligne à la place du nombre de lignes à couvrir :
.item1 {
grid-row-end: 3;
}
Pages connexes
Tutoriel CSS : Mise en page de la grille CSS