propriedade CSS3 coluna da regra
Exemplos
Regras especificam entre colunas: largura, estilo e cor:
div
{
coluna da regra: 3px início # ff00ff;
-moz-column-regra: 3px início # ff00ff; / * Firefox * /
-webkit-column-regra: 3px início # ff00ff; / * Safari e Chrome * /
}
{
coluna da regra: 3px início # ff00ff;
-moz-column-regra: 3px início # ff00ff; / * Firefox * /
-webkit-column-regra: 3px início # ff00ff; / * Safari e Chrome * /
}
tente »
Na parte inferior desta página para mais exemplos.
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
属性 | |||||
---|---|---|---|---|---|
column-rule | 50.0 4.0 -webkit- |
10.0 | 2.0 -moz- | 9.0 3.1 -webkit- |
37.0 15.0 -webkit 11.1 |
Atributo definições e instruções
propriedade de coluna-rule
propriedade de coluna-regra é definir todas as propriedades * coluna-rule- de uma propriedade estenográfica. propriedade de coluna-regra é definida entre as colunas de larguras, estilos e cores.
padrão: | nenhum meio de preto |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.columnRule = "3px início # ff00ff" |
gramática
coluna da regra: coluna rule-largura regra de estilo coluna coluna da regra-color;
valor | explicação |
---|---|
coluna da regra de largura | Definir a largura da regra entre as colunas |
coluna da regra de estilo | Definir regras de estilo entre as colunas |
coluna da regra-color | Defina a regra de cor entre as colunas |
mais exemplos
Coluna de contagem
div elemento de texto em três colunas.
Column-gap
Texto no elemento div em três colunas, e especificar a diferença entre as colunas de um pixel 30.
artigos relacionados
tutorial CSS3: CSS3 múltipla as Colunas