Atributo Style columns

Definição e uso

columns O atributo é uma abreviação para definir columnWidth e columnCount.

Veja também:

Tutorial CSS3:Multi-coluna do CSS

Manual de referência CSS:Atributo columns

Exemplo

Divida o texto em três colunas, cada uma com pelo menos 100 pixels:

document.getElementById("myDIV").style.columns = "100px 3";

Experimente você mesmo

Sintaxe

Retornar o atributo columns:

objeto.style.columns

Definir o atributo columns:

objeto.style.columns = "auto|column-width column-count|initial|inherit"

Valor do atributo

Valor Descrição
auto Valor padrão. Defina a largura da coluna como "auto" e o número de colunas como "auto".
columnWidth Largura da coluna.
columnCount Número de colunas.
initial Defina este atributo para seu valor padrão. Veja initial
inherit Herda este atributo do elemento pai. Veja inherit

Detalhes técnicos

Valor padrão: auto auto
Retorno: Cadeia de caracteres, que representa o Atributo columns
Versão do CSS: CSS3

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0