Atributo CSS grid-column-gap

Definição e uso

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

Veja também:

Tutorial de CSS:Layout de grade CSS

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

Manual de referência do CSS:Propriedade grip-row-gap

Exemplo

Definir o espaçamento entre colunas para 50 pixels:

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

Experimente você mesmo

Sintaxe do CSS

grid-column-gap: length;

Valor da propriedade

Valor Descrição
length Qualquer valor de comprimento válido, como pixels ou porcentagem. O valor padrão é 0. Veja tambémUnidades de comprimento.

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 Level 1
Sintaxe do JavaScript: object.style.gridColumnGap="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