Atributo CSS grid-row-gap

Definição e uso

A propriedade grid-row-gap define o tamanho do espaçamento entre as linhas no layout de grade.

Veja também:

Tutorial CSS:Layout de grade CSS

Manual de referência CSS:Propriedade grip-gap

Manual de referência CSS:Propriedade grip-column-gap

Exemplo

Definir o espaçamento entre linhas para 50 pixels:

.grid-container {
  grid-row-gap: 50px;
}

Experimente você mesmo

Sintaxe CSS

grid-row-gap: length;

Valor da propriedade

Valor Descrição
length Qualquer valor de comprimento válido. Por exemplo, pixels ou porcentagem. O valor padrão é 0.

Detalhes técnicos

Valor padrão: 0
Herança: Não
Produção de animação: Suportado. Veja também:Propriedades relacionadas a animação.
Versão: Módulo de Layout de Grade CSS Nível 1
Sintaxe do JavaScript: object.style.gridRowGap="50px"

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