manual de referência CSS

regras @CSS (RULES)

大全 de atributos CSS

CSS3 coluna-span propriedade CSS3 coluna-regra-style propriedade

CSS3 coluna-regra-Método de uso e exemplo da propriedade width

coluna-regra-A propriedade width CSS define a largura da regra desenhada entre as colunas do layout multi-coluna.

A tabela a seguir fornece instruções de uso e histórico de versões dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão：	medium
Aplicável a：	Elementos multi-coluna
Herança：	Não
Animável:	Sim.Por favor, consulte Propriedades animadas。
Versão：	CSS3nova funcionalidade
Sintaxe JavaScript：	objeto.style.columnRuleWidth="fina"

coluna-regra-Sintaxe de uso da propriedade width

A sintaxe dessa propriedade é a seguinte：

coluna-regra-largura: comprimento | média | fina | grossa | inicial | herdar

Os seguintes exemplos mostram como usar column-regra-propriedade width.

Exemplo

p {
　　　　/*　Chrome, Safari, Opera　*/
　　　　-webkit-coluna-count:　3;
　　　　-webkit-coluna-gap:　100px;
　　　　-webkit-coluna-regra-cor: vermelho;
　　　　-webkit-coluna-regra-largura:　2px;
　　　　-webkit-coluna-regra-style: sólido;
　　　　/*　Firefox　*/
　　　　-moz-coluna-count:　3;
　　　　-moz-coluna-gap:　100px;
　　　　-moz-coluna-regra-cor: vermelho;
　　　　-moz-coluna-regra-largura:　2px;
　　　　-moz-coluna-regra-style: sólido;
　　　　
　　　　coluna-count:　3;
　　　　coluna-gap:　100px;
　　　　coluna-regra-cor: vermelho;
　　　　coluna-regra-largura:　2px;
　　　　coluna-regra-style: sólido;
}

Teste e veja‹/›

Valor da propriedade

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 regra.
medium	Defina uma regra média. Este é o valor padrão.
thin	Defina uma regra fina. A largura é menor que o valor padrão.
thick	Defina uma regra rigorosa. A largura é maior que o valor padrão.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota a propriedade column do pai-regra-valor da propriedade width.

Compatibilidade do navegador

coluna-regra-A compatibilidade do navegador da propriedade width, os números na tabela abaixo 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-