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.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| hanging-punctuation | Not supported | Not supported | Not supported | 10+ | Not supported |
