manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 column-Atributo fill Atributo color do CSS

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

column-O atributo count CSS especifica o número de colunas em um elemento de coluna múltipla.

A tabela a seguir fornece uma descrição de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:	auto
Aplicável a:	Não substituídoElementos de bloco（exceto elementos de tabela），células de tabela eElementos de bloco em linha
Herança:	não
Animável:	sim.Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe em JavaScript:	object.style.columnCount=5

column-Sintaxe de uso do count

A sintaxe dessa propriedade é a seguinte:

column-count:　　|　auto　|　initial　|　inherit

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

Exemplo

p　{
　　　　-webkit-column-count:　3;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-column-count:　3;　/*　Firefox　*/
　　　　　　　　　　　　column-count:　3;　
}

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
number	Um valor inteiro positivo, usado para especificar o número de colunas em um elemento múltiplo de colunas. Secolumn-widthSe também for definido como valor não auto, pode representar o número máximo permitido de colunas.
auto	O número de colunas é determinado por outros atributos CSS, por exemplocolumn-width。Este é o valor padrão。
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado usará o valor column do pai-Valores do atributo count.

Compatibilidade do navegador

column-Compatibilidade do navegador do atributo count, os números na tabela a seguir representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Firefox 2+ ^-moz- Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 3.1+ ^-webkit- Opera 11.1+ ^-o-，15+ ^-webkit-