CSS grid-row-endPropiedad


Ejemplo

Establece que item1 abarque 3 filas:

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

Pruébelo »

Compatibilidad con navegadores

Los números en la tabla indican la primera versión del navegador que admite la propiedad.

Propiedad
grid-row-end 57 16 52 10 44

Definición de la propiedad y notas de uso

La propiedad grid-row-end especifica en qué fila se detiene la visualización del elemento de cuadrícula, o establece cuántas filas abarca.

Valor predeterminado: auto
Herencia: no
Animación: Compatible.Lea acerca deanimatable Pruébelo
Versión: CSS Grid Layout Module Level 1
Sintaxis de JavaScript: object.style.gridRowEnd="4" Pruébelo


Sintaxis

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

Valor Descripción
auto Valor predeterminado, abarca una fila.
row-line Establece en qué fila termina.
span n Abarca n filas.

Más ejemplos

Ejemplo

Establece que el elemento de cuadrícula item1 termine en la fila 3:

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

Pruébelo »

Artículos relacionados

Tutorial de CSS:CSS Grid Layout

Otras extensiones