Definición de .grid-auto-rows aplicado en CSS
La propiedad CSS .grid-auto-rows es parte de la especificación de diseño de cuadrícula CSS, especificando el tamaño de las filas de la cuadrícula que se crearon sin tener un tamaño explícito. En otras palabras, esta propiedad establece el tamaño de las filas implícitas y cualquier otra fila que no haya sido explícitamente dimensionada en la propiedad de las filas de plantilla de la cuadrícula.
Caso de empleo de la propiedad grid-auto-rows
Esta propiedad de CSS habitualmente se utiliza de esta forma:
.grid-container {
display: grid;
grid-template-areas: "media detail detail"
"media detail detail";
grid-template-rows: 200px;
grid-auto-rows: 150px;
}Sintaxis de .grid-auto-rows en CSS
grid-auto-rows: auto|max-content|min-content|length;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| auto | Valor por defecto. El tamaño de las filas está determinado por el tamaño del elemento más grande 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 grande de la fila | |
| longitud | Establece el tamaño de las filas mediante el uso de un valor de longitud legal. |
Exploradores compatibles con .grid-auto-rows
Los números de la tabla especifican la primera versión del navegador que es completamente 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 |
|---|---|---|---|---|---|
| grid-template | 57 | 16 | 52 | 10 | 44 |
