manual de referência CSS

regras CSS @

大全 de atributos CSS

Atributo content do CSS CSS3 column-Atributo width

CSS3 Método de uso e exemplo da propriedade columns

A propriedade columns CSS é uma propriedade abreviada, usada para definircolumn-widthecolumn-countPropriedade

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

Valor padrão:	auto auto; Ver todas as propriedades
Aplicável a:	Não substituídoBlocoElemento (exceto elementos de tabela), célula da tabela eBloco em linhaElemento
Herança:	Nenhum
Animável:	Sim, porque cada propriedade de atalho é animável.Consulte Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe de JavaScript:	object.style.columns="100px 3"

Sintaxe de uso do coluna

A sintaxe dessa propriedade é a seguinte:

columns:　[　column-width　column-count　]　|　initial　|　inherit

O exemplo a seguir demonstra como usar a propriedade columns.

Exemplo

p　{
　　　　-webkit-columns:　150px　3;　/*　Chrome, Safari, Opera　*/
　　　　　　　-moz-columns:　150px　3;　/*　Firefox　*/
　　　　　　　　　　　　columns:　150px　3;　
}

Teste e veja‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
column-width	Especifique o largura ótima das colunas para o elemento de colunas múltiplas.
column-count	Especifique o número ótimo de colunas para o elemento de colunas múltiplas.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade columns do pai.

Compatibilidade do navegador

Compatibilidade do navegador para a propriedade columns, os números na tabela 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-