Atributo column-rule-style do CSS

Definição e uso

O atributo columnRuleStyle define a regra de estilo entre as colunas.

Veja também:

Tutorial CSS3:Múltiplas colunas do CSS3

Manual de referência HTML DOM:Atributo columnRuleStyle

Exemplo

Defina a regra de cor entre as colunas:

div {
  column-rule-style: dotted;
}

Experimente você mesmo

Mais exemplos na parte inferior da página.

Sintaxe CSS

column-rule-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset;

Valor do atributo

Valor Descrição Teste
nenhum Define a ausência de regra. Teste
hidden Define a regra oculta. Teste
dotted Define a regra de linha pontilhada. Teste
dashed Define a regra de linha pontilhada. Teste
solid Define a regra de linha sólida. Teste
double Define a regra de linha dupla. Teste
groove Define a regra de 3D grooved. Este efeito depende dos valores de largura e cor. Teste
ridge Define a regra de 3D ridged. Este efeito depende dos valores de largura e cor. Teste
inset Define a regra de 3D inset. Este efeito depende dos valores de largura e cor. Teste
outset Define a regra de 3D outset. Este efeito depende dos valores de largura e cor. Teste

Detalhes técnicos

Valor padrão: nenhum
Herança: não
Versão: CSS3
Sintaxe JavaScript: object.style.columnRuleStyle="dotted"

Mais exemplos

Column-count
Divide o texto dentro do elemento div em três colunas.
Column-gap
Divide o texto dentro do elemento div em três colunas, com um espaçamento lateral de 30 pixels.
Column-rule
Define a largura, estilo e cor entre as colunas.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente a propriedade.

Números com -webkit- ou -moz- indicam a primeira versão com prefixo usada.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1