grid-template-rows

Índice

Definición de .grid-template-rows aplicado en CSS

La propiedad CSS .grid-template-rows es parte de la especificación de diseño de cuadrícula CSS, definiendo las filas de un contenedor de cuadrícula especificando el tamaño de las pistas de la cuadrícula y sus nombres de línea.

Caso de empleo : propiedad CSS grid-template-rows

Esta propiedad de CSS se utiliza de esta forma:

.app-layout {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

Sintaxis de .grid-template-rows en CSS

  grid-template-rows: none|auto|max-content|min-content|length|initial|inherit;

Valores

Valor Descripción Manifestación
ninguna No se establece ningún tamaño. Las filas se crean si es necesario
auto El tamaño de las filas está determinado por el tamaño del contenedor y por el tamaño del contenido de los elementos de la fila.
contenido máximo Establece el tamaño de cada fila para que dependa del elemento más grande de la fila
contenido mínimo Establece el tamaño de cada fila para que dependa del elemento más pequeño de la fila
longitud Establece el tamaño de las filas mediante el uso de un valor de longitud legal.

Exploradores compatibles con .grid-template-rows

Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
hanging-punctuation Not supported Not supported Not supported 10+ Not supported

Referencias técnicas

Echa un vistazo a estas otras propiedades

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso

Otros artículos que te podrían interesar: