manual de referência CSS

CSS @regras (RULES)

大全 de propriedades CSS

CSS3 Atributo columns CSS3 column-Atributo span

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

column-O atributo width CSS especifica a largura ideal da coluna dos elementos de coluna múltipla. Isso não é um valor absoluto, o navegador pode ajustar a largura da coluna com base em outros valores de atributo, especialmentecolumn-count。

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

Valor padrão:	auto
Aplicável a:	não substituídoblocoelemento (exceto elementos de tabela), célula da tabela ebloco em linhaelemento
Herança:	não
Animável:	é.Por favor, consulte Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe do JavaScript:	object.style.columnWidth="100px"

column-Sintaxe de uso do width

A sintaxe dessa propriedade é a seguinte:

column-width:　length　|　auto　|　initial　|　inherit

Os seguintes exemplos mostram como usar o atributo column-Atributo width.

Exemplo

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

Teste e veja‹/›

Valor do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
length	Comprimento representado por unidade absoluta ou relativa, usado para especificar a largura da coluna.
auto	A largura da coluna é determinada por outros valores de atributo dos elementos de coluna múltipla, por exemplo, column-Count. Este é o valor padrão.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade column do elemento pai-Valor do atributo width.

Compatibilidade do navegador

column-Compatibilidade do navegador do atributo width, 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-