Atributo column-span do CSS

Definição e uso

A propriedade column-span determina quantas colunas o elemento deve estender-se.

Veja também:

Tutorial CSS3:Colunas CSS3

Manual de referência HTML DOM:Propriedade columnSpan

Exemplo

Faz com que o elemento h2 estenda-se por todas as colunas:

h2
{
column-span:all;
}

Experimente você mesmo

Mais exemplos na parte inferior da página.

Sintaxe CSS

column-span: 1|all;

Valor do atributo

Valor Descrição Teste
1 O elemento deve estender-se por uma coluna. Teste
all O elemento deve estender-se por todas as colunas. Teste

Detalhes técnicos

Valor padrão: 1
Herança: no
Versão: CSS3
Sintaxe JavaScript: object.style.columnSpan="all"

Mais exemplos

Column-count
Divide o texto do elemento div em três colunas.
Column-gap
Divide o texto do elemento div em três colunas, com espaçamento entre colunas de 30 pixels.
Column-rule
Define 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.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 71.0 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1