Atributo column-gap do CSS

Definição e uso

A propriedade column-gap determina o espaçamento entre as colunas.

Nota:Se entre as colunas for configurado column-ruleele será exibido no meio do espaçamento.

Veja também:

Tutorial de CSS3:Multi-coluna CSS3

Manual de referência do HTML DOM:Propriedade columnGap

Exemplo

Define o espaçamento entre as colunas como 40 pixels:

div {
  column-gap: 40px;
}

Experimente você mesmo

Mais exemplos na parte inferior da página.

Sintaxe do CSS

column-gap: length|normal;

Valor da propriedade

Valor Descrição Teste
length Define o espaçamento entre as colunas para um comprimento especificado. Teste
normal Determina o espaçamento entre as colunas como um espaçamento normal. O valor recomendado pelo W3C é 1em. Teste

Detalhes técnicos

Valor padrão: normal
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.columnGap="40px"

Mais exemplos

Column-count
Divide o texto dentro do elemento div em três colunas.
Column-rule
Determina a largura, estilo e cor entre as colunas.

Suporte do navegador

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

Números com -webkit- ou -moz- indicam a primeira versão com prefixo usada.

propriedade Chrome IE / Edge Firefox Safari Opera
dentro de várias colunas 50 10 52 10 37
dentro da grade 66 16 61 12 53
dentro da caixa de elasticidade 84 84 63 14.1 70