Estilizar o atributo columnRuleStyle

Definição e uso

columnRuleStyle Define o estilo das regras entre colunas.

Veja também:

Tutorial CSS3:Multi-coluna do CSS

Manual de referência CSS:Atributo column-rule-style

Exemplo

Mudar o estilo da regra entre colunas:

document.getElementById("myDIV").style.columnRuleStyle = "dotted";

Experimente você mesmo

Sintaxe

Retornar o atributo columnRuleStyle:

object.style.columnRuleStyle

Definir o atributo columnRuleStyle:

object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit"
Valor Descrição
none Define borda sem borda. Padrão.
hidden Igual a "none", mas exceto ao resolver conflitos de bordas de elementos de tabela.
dotted Define a borda pontilhada.
dashed Define a borda tracejada.
solid Define a borda sólida.
double Define duas bordas. A largura das duas bordas é igual ao valor de border-width.
groove Define a borda 3D groove. O efeito depende de border-color Os valores.
ridge Define a borda 3D ribbed. O efeito depende de border-color Os valores.
inset Define a borda 3D inset. O efeito depende de border-color Os valores.
outset Define a borda 3D outset. O efeito depende de border-color Os valores.
initial Defina este atributo para seu valor padrão. Veja também initial.
inherit Herda este atributo do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: Nenhum
Retorno: String, que representa o Atributo column-rule-style.
Versão do CSS: CSS3

Suporte do navegador

Chrome Edge Firefox Safari Ópera
Chrome Edge Firefox Safari Ópera
50.0 10.0 52.0 10.0 37.0