manual de referência CSS

regras CSS @RULES

大全 de propriedades CSS

CSS3 column-Atributo gap CSS3 column-Atributo count

CSS3 column-Método de uso e exemplo do atributo fill

column-O atributo fill CSS especifica como a largura das colunas de elementos de colunas múltiplas é afetada pelo fluxo de conteúdo. O conteúdo do alinhamento de colunas é equilibrado, o que significa que o conteúdo de todas as colunas terá a mesma altura, ou apenas ocupará espaço ao usar o valor auto, para atender às necessidades do conteúdo.

A tabela a seguir fornece instruções de uso e histórico de versões desse atributo, bem como a sintaxe de uso no script JavaScript.

Valor padrão:	balance
Aplicável a:	Elementos de colunas múltiplas
Herança:	Nenhum
Animável:	Não Atributos de animação.
Versão:	CSS3nova funcionalidade
Sintaxe JavaScript:	object.style.columnFill="auto"

column-Sintaxe de uso do fill

A sintaxe desse atributo é a seguinte:

column-fill:　auto　|　balance　|　initial　|　inherit

Os exemplos a seguir demonstram como usar o atributo column-Atributo fill.

Exemplo

p　{
　　　-moz-column-fill:　auto;　/*　Firefox　*/
　　　　　　　　column-fill:　auto;　
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores desse atributo.

Valor	Descrição
auto	Preencher as colunas em ordem, para que a长度 das colunas possa variar, dependendo dos valores dos atributos de outras colunas.
balance	Preencher as colunas em ordem, para que as alturas das colunas possam ser equilibradas tanto quanto possível com base nos valores dos atributos de outras colunas.
initial	Defina esse atributo como seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o valor do atributo column do elemento pai-Valores do atributo fill.

Compatibilidade do navegador

column-Compatibilidade do navegador do atributo fill, os números na tabela a seguir representam a versão mínima do navegador que suporta esse atributo; atualmente, apenas o navegador Firefox suporta esse atributo.

	Firefox 13+ ^-moz- Google Chrome× Internet Explorer × Apple Safari × Opera ×