manual de referência CSS

regras CSS @

大全 de propriedades CSS

CSS3 column-rule-Atributo style CSS3 column-Atributo rule

CSS3 column-rule-Atributo size

column-rule-Uso e exemplo do atributo color

O atributo color define a cor de todas as regras desenhadas entre as colunas na alinhamento de colunas múltiplas.

A tabela a seguir fornece uma descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso na script do JavaScript.	Valor padrão:colorAtual
Valor do elemento	Aplicável a:
Elementos de coluna múltipla	Herança:
Não	Animável:Sim. Por favor, consulte。
Atributos de animação	CSS3Versão:
Novidade da sintaxe do JavaScript:	object.style.columnRuleColor="#ff00ff"

Sintaxe de uso da cor da regra da coluna

A sintaxe dessa propriedade é a seguinte:

column-rule-color:　color　|　initial　|　inherit

Os exemplos a seguir mostram como usar o column-rule-Atributo color

Exemplo

p　{
　　　　/*　Chrome,　Safari,　Opera　*/
　　　　-webkit-column-count:　3;
　　　　-webkit-column-gap:　100px;
　　　　-webkit-column-rule-color:　red;
　　　　-webkit-column-rule-width:　2px;
　　　　-webkit-column-rule-style:　solid;
　　　　/*　Firefox　*/
　　　　-moz-column-count:　3;
　　　　-moz-column-gap:　100px;
　　　　-moz-column-rule-color:　red;
　　　　-moz-column-rule-width:　2px;
　　　　-moz-column-rule-style:　solid;
　　　　
　　　　column-count:　3;
　　　　column-gap:　100px;
　　　　column-rule-color:　red;
　　　　column-rule-width:　2px;
　　　　column-rule-style:　solid;
}

Teste e veja‹/›

Valores do atributo

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
color	Especifique a cor da regra da coluna. Aceita qualquer valor válidoValores de cor do CSS。
initial	Defina essa propriedade como seu valor padrão.
inherit	Se especificado, o elemento relacionado usa o valor column do elemento pai-rule-Valores do atributo color

Compatibilidade do navegador

column-rule-Compatibilidade do navegador do atributo color, os números na tabela a seguir representam a versão mais baixa 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-