manual de referência CSS

CSS @regras (RULES)

大全 de atributos CSS

CSS3 column-Atributo rule CSS3 column-Atributo fill

CSS3 column-Uso e exemplo do atributo gap

do column-O atributo gapCSS especifica o intervalo entre as colunas dos elementos de colunas múltiplas. Se houver um espaço entre as colunascolumn-ruleele aparecerá no meio do espaço.

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

Valor padrão:	normal
Aplicável a:	Elementos de colunas múltiplas
Herança:	Não
Animável:	Sim.Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe em JavaScript:	object.style.columnGap="50px"

column-Sintaxe de uso do gap

A sintaxe deste atributo é a seguinte:

column-gap: | normal | initial | inherit

Os seguintes exemplos mostram como usar o column-Atributo gap

Exemplo

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

Teste para ver‹/›

Valor do atributo

A tabela a seguir descreve os valores deste atributo.

Valor	Descrição
length	Um valor de comprimento que define o tamanho do espaço entre as colunas. Ele não pode ser negativo, mas pode ser 0.
normal	Indica o espaço padrão entre as colunas definido pelo navegador. Na maioria dos navegadores, o valor padrão é1em.
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o column do elemento pai-Valores do atributo gap.

Compatibilidade do navegador

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

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