Propriété grid-row-end de CSS

Définition et utilisation

L'attribut grid-row-end définit le nombre de lignes que l'élément couvrira ou la ligne de ligne où l'élément se termine.

Voir les exemples à la fin de la page.

Voir également :

Tutoriel CSS :Mise en page en grille CSS

Exemple

Exemple 1

Faites en sorte que "item1" couvre trois lignes :

.item1 {
  grid-row-end: span 3;
}

Essayez-le vous-même

Exemple 2

Vous pouvez utiliser la valeur de ligne pour remplacer le nombre de lignes à couvrir :

.item1 {
  grid-row-end: 3;
}

Essayez-le vous-même

Syntaxe CSS

grid-row-end: auto|row-line|span n;

Valeur de l'attribut

Valeur Description
auto Valeur par défaut. L'élément couvrira une ligne.
span n Définit le nombre de lignes que l'élément couvrira.
column-line Définit à partir de quelle ligne afficher l'élément.

Détails techniques

Valeur par défaut : auto
Héritage : Non
Création d'animation : Supporté. Voir :Propriétés liées aux animations。
Version : Module de mise en page en grille CSS niveau 1
Syntaxe JavaScript : object.style.gridRowEnd="4"

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44