Manual de referência do CSS

Regras do CSS @

大全 de Atributos do CSS

CSS3 column-rule-color propriedade CSS3 column-gap propriedade

CSS3 column-rule propriedade uso e exemplo

olumn-rule CSS propriedade especifica uma linha a ser desenhada entre cada coluna, ou seja, "regra". É uma propriedade abreviada para definir um único atributo, ou seja, definircolumn-rule-width，column-rule-styleecolumn-rule-color。

A tabela a seguir descreve o uso dessa propriedade e o histórico da versão, bem como a sintaxe de uso dessa propriedade no script de JavaScript.

Padrão valor:	Ver todos os atributos
Aplicável:	Multi-coluna elementos
Herança:	Nenhum
Animável:	Sim, porque algumas propriedades de atalho podem ser animadas.Por favor, consulte Animação propriedade。
Versão:	CSS3novo recurso
JavaScript sintaxe:	objeto.style.columnRule="3px outset #ff00ff"

column-rule uso sintaxe

A sintaxe dessa propriedade é como follows:

column-rule: [ column-rule-width column-rule-style column-rule-color [ ] | initial | inherit

Os exemplos a seguir mostram como usar column-rule propriedade.

Exemplo

p {
　　　　/*　Chrome, Safari, Opera　*/
　　　　-webkit-column-count:　3;
　　　　-webkit-column-gap:　100px;
　　　　-webkit-column-rule:　2px sólido vermelho;
　　　　/*　Firefox　*/
　　　　-moz-column-count:　3;
　　　　-moz-column-gap:　100px;
　　　　-moz-column-rule:　2px sólido vermelho;
　　　　
　　　　column-count:　3;
　　　　column-gap:　100px;
　　　　column-rule:　2px sólido vermelho;
}

Teste ver‹/›

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
column-rule-width	Definir a largura do padrão entre as colunas. O valor padrão é medium. Não é permitido usar valores negativos.
column-rule-style	Definir o estilo do padrão entre as colunas. O valor padrão é nenhum
column-rule-color	Definir a cor do padrão entre as colunas. O valor padrão écolordo elemento.
initial	Definir essa propriedade para o valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor do pai element column-rule valor do atributo.

Navegador compatibilidade

column-rule propriedade do navegador compatibilidade, o número na tabela a seguir representa o menor número da versão 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-