Atributo grid-auto-rows do CSS

Definição e uso

A propriedade grid-auto-rows define o tamanho das linhas no contêiner de grade.

Essa propriedade afeta apenas as linhas que não têm tamanho definido.

Veja também:

Tutorial de CSS:Layout de grade CSS

Manual de referência do CSS:Propriedade grid-auto-columns

Exemplo

Defina o tamanho padrão das linhas na grade:

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

Experimente você mesmo

Sintaxe do CSS

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

Valor da propriedade

Valor Descrição
auto Valor padrão. O tamanho da linha é determinado pelo tamanho do item mais grande da linha.
max-content Defina o tamanho de cada linha com base no item mais grande da linha.
min-content Defina o tamanho de cada linha com base no item mais grande da linha.
length Defina o tamanho da linha, usando valores de comprimento válidos. VejaUnidades de comprimento.

Detalhes técnicos

Valor padrão: auto
Herança: Não
Produção de animação: Suportado. Veja:Propriedades relacionadas a animação.
Versão: Módulo de Layout de Grade CSS Nível 1
Sintaxe do JavaScript: object.style.gridAutoRows="60px"

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.

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