Atributo column-fill do CSS

Definição e uso

O atributo column-fill define como preencher as colunas (se deve ser coordenado).

Veja também:

Tutorial do CSS3:Multi-coluna do CSS3

Manual do HTML DOM:Atributo columnFill

Exemplo

Definir como preencher as colunas:

div
{
column-fill:auto;
}

Sintaxe do CSS

column-fill: balance|auto;

Valor do atributo

Valor Descrição
balance Coordenar as colunas. O navegador deve minimizar as diferenças nas medidas das colunas.
auto Preencher as colunas em ordem, com comprimentos diferentes.

Detalhes técnicos

Valor padrão: balance
Herança: no
Versão: CSS3
Sintaxe do JavaScript: object.style.columnFill="auto"

Mais exemplos

Column-count
Dividir o texto do elemento div em três colunas.
Column-gap
Dividir o texto do elemento div em três colunas e definir um espaçamento entre as colunas de 30 pixels.
Column-rule
Definir a largura, estilo e cor entre as colunas.

Suporte do navegador

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