Atributo column-count do CSS

Definição e uso

O atributo column-count define o número de colunas que o elemento deve ser dividido.

Veja também:

Tutorial CSS3:Múltiplas colunas CSS3

Manual HTML DOM:Atributo columnCount

Exemplo

Divide o texto do elemento div em três colunas:

div
{
column-count:3;
}

Experimente você mesmo

Mais exemplos na parte inferior da página.

Sintaxe CSS

column-count: number|auto;

Valor do atributo

Valor Descrição Teste
number O número ótimo de colunas para dividir o conteúdo do elemento. Teste
auto O número de colunas é determinado por outros atributos, como "column-width". Teste

Detalhes técnicos

Valor padrão: auto
Herança: não
Versão: CSS3
Sintaxe JavaScript: object.style.columnCount=3

Mais exemplos

Column-gap
Divide o texto do elemento div em três colunas e define um espaçamento de 30 pixels entre as colunas.
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.

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