Atributo grid-auto-rows de CSS

Definición y uso

El atributo grid-auto-rows configura el tamaño de las filas en el contenedor de cuadrícula.

Esta propiedad solo afecta a las filas sin tamaño configurado.

Por favor, consulte:

Tutorial de CSS:Diseño de cuadrícula CSS

Manual de referencia de CSS:Atributo grid-auto-columns

Ejemplo

Configure el tamaño predeterminado de las filas en la cuadrícula:

.grid-container {
  display: grid;
  grid-auto-rows: 150px;
}

Pruebe usted mismo

Sintaxis de CSS

grid-auto-rows: auto|max-content|min-content|length;

Valor del atributo

Valor Descripción
auto Valor predeterminado. El tamaño de la fila se determina por el tamaño del proyecto más grande en la fila.
max-content Configure el tamaño de cada fila en función del proyecto más grande en la fila.
min-content Configure el tamaño de cada fila en función del proyecto más grande en la fila.
length Configure el tamaño de las filas, utilizando valores de longitud válidos. ConsulteUnidad de longitud.

Detalles técnicos

Valor predeterminado: auto
Herencia: No
Producción de animación: Admite. Consulte:Propiedades relacionadas con la animación.
Versión: Módulo de Diseño de Cuadrícula CSS Nivel 1
Sintaxis de JavaScript: object.style.gridAutoRows="60px"

Compatibilidad del navegador

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

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