Propiedad CSS grid-auto-rows
Ejemplo
Establezca un tamaño predeterminado para las filas en una cuadrícula:
.grid-container {
display: grid;
grid-auto-rows: 150px;
}
Definición y uso
La grid-auto-rows
propiedad establece un tamaño para las filas en un contenedor de cuadrícula.
Esta propiedad afecta solo a las filas cuyo tamaño no se ha establecido.
Valor por defecto: | auto |
---|---|
Heredado: | No |
Animable: | si. Leer sobre animable |
Versión: | Módulo de diseño de cuadrícula CSS Nivel 1 |
Sintaxis de JavaScript: | objeto .style.gridAutoRows="60px" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
grid-auto-rows | 57 | 16 | 52 | 10 | 44 |
Sintaxis CSS
grid-auto-rows: auto|max-content|min-content|length;
Valores de propiedad
Value | Description | Play it |
---|---|---|
auto | Default value. The size of the rows is determined by the size of the largest item in the row | |
max-content | Sets the size of each row to depend on the largest item in the row | |
min-content | Sets the size of each row to depend on the largest item in the row | |
length | Sets the size of the rows, by using a legal length value. Read about length units |
páginas relacionadas
Tutorial de CSS: diseño de cuadrícula CSS
Referencia CSS: la propiedad grid-auto-columns