Atributo CSS grid-row-end

Definición y uso

La propiedad grid-row-end especifica cuántas filas cubrirá el elemento o en qué línea de fila finalizará el elemento.

Consulte los ejemplos al final de la página.

Vea también:

Tutorial de CSS:Layout de cuadrícula CSS

Ejemplo

Ejemplo 1

Hacer que "item1" cubra tres filas:

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

Pruebe usted mismo

Ejemplo 2

Puede usar valores de línea de fila en lugar del número de filas que debe cubrir:

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

Pruebe usted mismo

Sintaxis de CSS

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

Valor del atributo

Valor Descripción
auto Valor predeterminado. El elemento cubrirá una fila.
span n Especifica el número de filas que el elemento cubrirá.
column-line Especifica desde qué fila comenzar a mostrar el elemento.

Detalles técnicos

Valor predeterminado: auto
Herencia: No
Producción de animación: Admite. Consulte:Atributos relacionados con la animación.
Versión: Módulo de Layout de Cuadrícula CSS Nivel 1
Sintaxis de JavaScript: object.style.gridRowEnd="4"

Compatibilidad del navegador

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

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