Atributo columns do CSS

Definição e uso

A propriedade columns é uma propriedade abreviada usada para definir a largura e o número de colunas.

Veja também:

Tutorial de CSS3:Multi-colunas do CSS3

Manual de referência do HTML DOM:Propriedade columns

Exemplo

Define a largura e o número das colunas:

div
{
columns:100px 3;
}

Experimente você mesmo

Mais exemplos na parte inferior da página.

Sintaxe do CSS

columns: column-width column-count;

Valor do atributo

Valor Descrição
column-width Largura da coluna.
column-count Número de colunas.

Detalhes técnicos

Valor padrão: auto auto
Herança: não
Versão: CSS3
Sintaxe do JavaScript: object.style.columns="100px 3"

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 um espaçamento lateral 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 plenamente 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 52.0
9.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit-
11.1